alirezamoradiii/github-stats-card

A minimal SVG profile card engine built with Next.js. Delivers all-time stats, floating-label language indicators, dynamic ambient glow, and clean layout geometry.

TypeScript

4

8 commits

updated Oct 10, 2026

See the code

See what people are saying

README

github-stats-card-git

Dynamic, minimal GitHub stats card generator built with Next.js App Router. Features all-time GraphQL metrics, material-inspired language bars, customizable ambient glow, and zero avatar clutter.


github-stats-card Card Preview

If you find this project useful, consider giving it a star. It helps others discover the project and motivates me to keep improving it.

GitHub stars


Why github-stats-card?

Most GitHub stat cards suffer from visual bloat, 2018-era gradients, and brittle third-party dependencies. github-stats-card solves three concrete issues:

  • Local Vector Assets: Language icons are bundled and parsed locally from disk. No external CDN downtime, zero third-party rate limits, and no Vercel IP-blocking issues.
  • Meaningful All-Time Aggregation: Uses raw GitHub GraphQL queries with fallback handling to fetch true lifetime contributions, commits, PRs, and reviews.
  • Modern Layout Geometry: Built around a 480x640 frame with floating-label progress bars, minimal typography, and an adjustable backdrop glow.

Usage

Add the card to your profile README.md using standard Markdown image syntax:

![github-stats-card](https://github-stats-card-eosin.vercel.app/api/card?username=YOUR_USERNAME&glow=38bdf8)

Dynamic Glow Accent

Customize the ambient glow color by appending a HEX code without #:

![github-stats-card](https://github-stats-card-git-master-alireza-moradi.vercel.app/api/card?username=YOUR_USERNAME&glow=38bdf8)

Support

If you find github-stats-card useful, please consider giving the repository a star. Your support is appreciated.

customizable-svg
dark-mode
developer-portfolio
dynamic-svg
github-api
github-profile
github-profile-card
github-readme-stats
github-stats
github-stats-generator
graphql
nextjs
portfolio-card
profile-readme
readme-stats
stats-card
stats-tracker
svg-badges
svg-generator
vercel

alirezamoradiii/github-stats-card

A minimal SVG profile card engine built with Next.js. Delivers all-time stats, floating-label language indicators, dynamic ambient glow, and clean layout geometry.

TypeScript

4

8 commits

updated Oct 10, 2026

See the code

See what people are saying

README

github-stats-card-git

Dynamic, minimal GitHub stats card generator built with Next.js App Router. Features all-time GraphQL metrics, material-inspired language bars, customizable ambient glow, and zero avatar clutter.


github-stats-card Card Preview

If you find this project useful, consider giving it a star. It helps others discover the project and motivates me to keep improving it.

GitHub stars


Why github-stats-card?

Most GitHub stat cards suffer from visual bloat, 2018-era gradients, and brittle third-party dependencies. github-stats-card solves three concrete issues:

  • Local Vector Assets: Language icons are bundled and parsed locally from disk. No external CDN downtime, zero third-party rate limits, and no Vercel IP-blocking issues.
  • Meaningful All-Time Aggregation: Uses raw GitHub GraphQL queries with fallback handling to fetch true lifetime contributions, commits, PRs, and reviews.
  • Modern Layout Geometry: Built around a 480x640 frame with floating-label progress bars, minimal typography, and an adjustable backdrop glow.

Usage

Add the card to your profile README.md using standard Markdown image syntax:

![github-stats-card](https://github-stats-card-eosin.vercel.app/api/card?username=YOUR_USERNAME&glow=38bdf8)

Dynamic Glow Accent

Customize the ambient glow color by appending a HEX code without #:

![github-stats-card](https://github-stats-card-git-master-alireza-moradi.vercel.app/api/card?username=YOUR_USERNAME&glow=38bdf8)

Support

If you find github-stats-card useful, please consider giving the repository a star. Your support is appreciated.

customizable-svg
dark-mode
developer-portfolio
dynamic-svg
github-api
github-profile
github-profile-card
github-readme-stats
github-stats
github-stats-generator
graphql
nextjs
portfolio-card
profile-readme
readme-stats
stats-card
stats-tracker
svg-badges
svg-generator
vercel