GitHub Heat

Design a contribution graph, then embed it anywhere.

Star

Add a contribution graph to your README

  1. 1

    Pick your style

    Enter your GitHub username, then start from a preset or tune colors, cells and labels.

  2. 2

    Copy the snippet

    The Embed panel has ready-made Markdown, HTML, iframe and PNG versions.

  3. 3

    Paste it in your README

    Your profile README is the repository named after your username.

Questions

Does it follow GitHub's dark mode?
Choose Auto mode and one image switches between the light and dark palette with the reader's system setting.
How often does the graph update?
Contributions are refreshed from GitHub about once an hour.
Are private contributions included?
The graph shows what your public GitHub profile shows. If you turned on private contributions in your profile settings, their counts appear too, without any repository details.
Can I use it outside GitHub?
Yes. Embed it as HTML or an iframe on your site, download a PNG for posts and chat apps, or download a social card with your stats.
Is GitHub Heat free?
Yes, and it's open source.