Properties
Preview
Note: The stats above are just examples and not from your GitHub profile.
Markdown
HTML
JSON
Frequently Asked Questions
How do I create a Readme for my profile?
A profile readme appears on your profile page when you create a repository with the same name as your username and add a README.md file to it. For example, the repository for the user DenverCoder1 is located at DenverCoder1/DenverCoder1.
How do I include GitHub Readme Streak Stats in my Readme?
You can customize your Streak Stats image on this demo site and use the generated code. Use either Markdown or HTML:
Markdown:
[](https://gitsgen.vercel.app/demo/)HTML:
<a href="https://gitsgen.vercel.app/demo/"><img src="https://streak-stats.demolab.com?user=DenverCoder1"/></a>Why doesn't my Streak Stats match my contribution graph?
GitHub Readme Streak Stats uses the GitHub API which returns data in UTC time, which may not match your local time. Due to caching, stats may not update immediately after a commit — you may need to wait up to a few hours.
You can try adjusting the time of a past commit or creating a new commit with a specific date:
git commit --date="2022-08-02 12:00" -m "Test commit" --allow-empty
git pushWhat is considered a "contribution"?
Contributions include commits, pull requests, and issues that you create in standalone repositories. Learn more.
The longest streak is the highest number of consecutive days with at least one contribution. The current streak counts consecutive days ending with today.
Note: You may need to wait up to 24 hours for new contributions to show up.
How do I enable private contributions?
To include contributions in private repositories, turn on the setting for "Private contributions" from the dropdown menu above the contribution graph on your profile page.
How do I center the image on the page?
To center align images, wrap them in an element with align="center":
<p align="center">
<a href="https://gitsgen.vercel.app/demo/"><img src="https://streak-stats.demolab.com?user=DenverCoder1"/></a>
</p>How do I make different images for dark mode and light mode?
Use the <picture> and <source> elements to specify theme context:
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://streak-stats.demolab.com?user=DenverCoder1&theme=dark" />
<img src="https://streak-stats.demolab.com?user=DenverCoder1&theme=default" />
</picture>Why and how do I self-host GitHub Readme Streak Stats?
Self-hosting gives you better uptime with your own access token and allows customization. It only takes a couple minutes to set up online.
📺 Video tutorial on how to self-host on Vercel
See Deploying it on your own in the Readme for detailed instructions.