Next.js 15 & Taste Skill Engine Activated

GitStats Studio

Craft High-Agency GitHub Profile & README Stat Cards

Less generic slop, designs that pop.

Dynamic SVG stat cards, developer rank rings, diurnal coding habits, 52-week activity calendars, categorized tech stack badges, and animated typing headers.

Card Studio Controls

Select widget, configure metrics, and refine aesthetics.

v3.0 SVG
@
βš™οΈ πŸ“Š Profile Stats Settings
πŸ’‘ Real-time SVG computed directly from GitHub public profile and authenticated commit caches.
Dark & Minimal
Cyber & Vibrant
Clean & Light
πŸ“ Sizing & Responsiveness
Card Scale Factor:100% (1x)
Corner Radius:16px

Live SVG Card Stage

Card Preview
DRACULA β€’ MODERN β€’ AUTO Γ— AUTO (1x)
![STATS Card](https://gitstats-studio.vercel.app/api/stats?username=alrifatsabbir&theme=dracula&style=modern&animate=true)
12 Endpoints

πŸ“– REST & SVG Card API Reference

Embed these URLs directly in markdown READMEs, portfolios, blog posts, or documentation.

EndpointPrimary ParametersOutput Description
/api/statsusername, theme, style, animate, width, scale, responsiveTotal stars, commits, pull requests, issues, and followers.
/api/rankusername, theme, style, animate, width, scale, responsiveWeighted developer grade ring (S+ to C) with composite score.
/api/habitsusername, theme, utc_offset, width, scale, responsiveDiurnal commit hours (Morning, Afternoon, Evening, Night Owl) with timezone offset.
/api/streakusername, theme, style, border_radius, responsiveCurrent streak, longest streak, and total contributions over time.
/api/top-langsusername, theme, style, limit, hide, layoutMost used languages with percentage progress indicators and exclude filters.
/api/tech-stacki (comma-separated), per_line, style, themeAuto-wrapping skill badges with high-res vector icons (e.g. i=react,ts,py&per_line=6).
/api/typinglines (semicolon-separated), theme, font_familymacOS Terminal window with animated multi-line typewriter text header.
/api/contributionsusername, theme, animate, responsiveFull 52-week contribution heatmap calendar card.
/api/trophiesusername, theme, column, animateAchievement trophy showcase in Gold, Silver, and Bronze tiers.
/api/pinusername, repo, theme, style, animatePinned repository card with live stars, forks, and language.
/api/top-reposusername, theme, limit, sort, animateTop starred or most forked repositories list card.
/api/achievementsusername, theme, limit, cols, responsiveReal GitHub multi-tier badges with unlocked stage tiers (Gold x4, Silver x3, Bronze x2).

πŸ“ Sizing, Scaling & Responsiveness

All 12 card endpoints support fluid mobile scaling and exact custom dimensions:

responsive=trueFluid 100% width auto-scaling for mobile viewports
width=600 / height=240Custom SVG width & height in pixels
scale=1.25Uniform multiplier scale factor (0.5 to 2.5)
border_radius=20Corner radius in pixels (0 for sharp, 32 for pill)
per_line=6Items per row with auto-wrapping for tech stack
cols=4 / limit=8Columns and badge limit for achievements

🎨 Global Color & Typography Customization

Override theme palettes directly with any HEX colors:

bg_color=HEXCustom background or gradient stop (e.g. 0f172a)
title_color=HEXHeader title text color (e.g. 38bdf8)
text_color=HEXBody metric text color (e.g. f8fafc)
accent_color=HEXIcons and highlight color (e.g. 818cf8)
hide_border=trueRemoves outer card border stroke
font_family=InterInter, Outfit, Roboto, JetBrains Mono, Fira Code