● Open Source · SVG Badge Generator

Showcase Your
Coding Journey

Generate beautiful SVG badges for your Code::Stats profile. Perfect for GitHub READMEs and portfolios.

See Badges ↓View on GitHub
Example Code::Stats badge
⚡

Always Live

SVG is generated on every request, pulling the latest data directly from Code::Stats.

🎨

Fully Customizable

Themes, language limits, progress bars, compact mode — all controlled via query params.

🔗

One-Line Embed

A single Markdown image tag is all it takes to add a live badge to any README.

XP Badge Variants

Customize with query parameters appended to the API URL

Default (Dark)?user=Wallyx
Default dark badge

Display your profile with the default dark theme.

Light Theme?theme=light
Light theme badge

Switch to a light background for light-mode READMEs.

Hide Progress Bar?showProgressBar=false
No progress bar badge

Remove the XP progress bars for a cleaner look.

Show XP Values?showLangXP=true
Language XP badge

Display raw XP numbers instead of level per language.

Limit Languages?limit=3
Limit languages badge

Control how many top languages to show (default 6, max 20).

Compact Mode?compact=true
Compact badge

Minimal single-line badge showing only total XP.

Borderless Mode?borderless=true
Borderless badge

Remove the badge outline for a cleaner, borderless look.

Activity Badge

Visualize your daily coding contributions as activity squares

Activity badge
Endpoint:/api/code-stats/activity?user=Wallyx

Add to your README in seconds

Replace YOUR_USERNAME with your Code::Stats username

XP Badge

![Code::Stats](https://codestats-badge.vercel.app/api/code-stats?user=YOUR_USERNAME)

Activity Badge

![Activity](https://codestats-badge.vercel.app/api/code-stats/activity?user=YOUR_USERNAME)