Menu

1 / 3

GitHub Contribution Card: Dynamic SVG Stats Card for Your GitHub Profile README

DEV Community·Davide·6 months ago
#WJOfWGI1
#github#opensource#typescript#webdev#card
Reading 0:00
15s threshold

Ever wanted to show off not just how many commits you've made, but which repositories you actually contributed to — with stars, ranks, and themes? That's exactly what GitHub Contribution Card does.

🎬 Demo

🚀 Quick Start

Just paste this into your GitHub profile README or any Markdown file:

![ My GitHub Contribution Stats ]( https://github-contribution-card.vercel.app/api?username=YOUR_USERNAME )

Enter fullscreen mode

Exit fullscreen mode

That's it. No setup, no tokens needed on your end.

✨ What It Shows

Each card displays your top repositories ranked by stars or contributions , assigning a rank to each one:

Star Ranks : S+ (10,000+) · S (1,000+) · A+ (500+) · A (100+) · B+ (50+) · B (1+)

Contributor Ranks : S+ (90+) · S (80+) · A+ (70+) · A (60+) · B+ (50+) · B (1+)

🎨 Themes

Use &theme=THEME_NAME to pick one of the 40+ built-in themes:

![ Stats ]( https://github-contribution-card.vercel.app/api?username=YOUR_USERNAME&theme=tokyonight )

Enter fullscreen mode

Exit fullscreen mode

Some popular…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.