What if your GitHub profile could explain how you code — not just what you code?
Every developer has a unique way of building software. Some ship fast. Some collaborate deeply. Some obsess over solving hard problems.
But GitHub profiles usually show only numbers — commits, repos, stars.
So I built DevDNA.
What is DevDNA?
DevDNA analyzes your real GitHub contribution history and transforms it into a futuristic Developer Personality Card — a dynamic SVG you can embed anywhere.
Instead of static stats, DevDNA derives developer traits and creates a visual identity representing how you actually build software.
Think of it as:
GitHub Stats × Developer Archetypes × Modern Visual Identity
Example
ScreenShot
Why I Built This
While browsing developer profiles, I noticed something:
All GitHub stats cards look similar. They show activity, but not personality.
I wanted something that answers:
- Are you a Builder?
- A Problem Solver?
- A Consistent Shipper?
- A Community Collaborator?
DevDNA converts raw contribution data into meaningful developer traits.
Live Example
Try generating your own DevDNA card:
👉 https://thedevdna.vercel.app
Embed directly into your README:
[](https://thedevdna.vercel.app)
How It Works (Under the Hood)
DevDNA uses the official GitHub GraphQL API to fetch accurate contribution data including:
- Commit history
- Pull requests
- Issues
- Repository stats
- Language distribution
This data is processed into developer traits such as:
- Builder
- Collaborator
- Impact
- Problem Solver
- Consistency
The final card is rendered dynamically as an SVG using Satori, allowing it to be embedded like an image while remaining fast and scalable.
Tech Stack
- Next.js (App Router)
- React
- GitHub GraphQL API
- Satori (SVG Rendering)
- Edge-friendly caching
Themes
DevDNA currently supports multiple visual themes:
-
dark— Deep space aesthetic -
light— Clean minimal layout -
neon— Cyberpunk style
Example:
https://thedevdna.vercel.app/api/dev-dna?username=torvalds&theme=neon
Privacy & Security
DevDNA runs entirely server-side.
Your GitHub token is never exposed to the browser. Only public contribution data is analyzed.
What Makes DevDNA Different?
Most GitHub cards show metrics.
DevDNA tells a story.
It answers:
What kind of developer are you?
Try It Yourself
Generate your DevDNA now:
👉 https://thedevdna.vercel.app
If you like the project, consider starring the repository ❤️
👉 https://github.com/akshitsutharr/DevDNA
🛣 Roadmap
- More themes
- Compact card variants
- Community & discussion traits
- Rate-limit optimization
Feedback Welcome
I’d love feedback from the community. Ideas, suggestions, and contributions are always welcome!
Built by Akshit Suthar ❤️
If you found this interesting, feel free to connect or explore more of my work.
Top comments (0)