Someone asked me once what my GitHub stats were. I said I didn't know. They seemed disappointed, like there was a score I was supposed to be tracking.
I built DevCards partly to answer that question and partly because I thought the whole premise was funny.
What it is
Enter a GitHub username, get a trading card. Your stars, followers, and top languages turn into a card with a rarity tier. Common through Legendary, and a set of abilities based on what the API says about you. The rarity formula is stars + (followers × 2). It’s arbitrary, but fun.
The GitDex stores every card you've generated in local storage. You can drag them around to reorder them. You can export any card as a high-resolution PNG. You can share directly to X.
The no-framework part
This is 100% vanilla HTML, CSS, and JavaScript. No build step, no dependencies, no npm. The entire thing is a single page that talks to the GitHub REST API. I wanted to see how far I could get with just the platform in 2026, and the answer is: pretty far.
Adding a personal GitHub token bumps the API rate limit from 60 to 5,000 requests per hour. Useful if you are building a large GitDex.
The rarity cutoffs
- COMMON — under 50
- UNCOMMON — 50+
- RARE — 500+
- EPIC — 5,000+
- LEGENDARY — 50,000+
Most people are Common. This is fine.