GitHub-Stats-Card-Generator

</br></br>

✦ GitHub Stats Card Generator ✦

` A customizable GitHub stats card generator that creates beautiful SVG cards showing your GitHub statistics, most used languages, contribution history, and top repositories. `

---

Features

• Multiple Card Types
  • GitHub Stats (followers, stars, repos, etc.)
  • Most Used Languages
  • Contribution Stats
  • Top Repositories
• Customization Options
  • Multiple chart types (bars, pie, donut)
  • Various themes:
    • Default Light/Dark
    • Tokyo Night
    • Dracula
    • Monokai
    • Aura
    • GitHub Dark
    • Solarized Dark
    • One Dark
    • Radical
    • Ocean
    • Forest
    • Sunset
    • Monochrome
    • Pastel

Usage

1. Visit the website
2. Enter your GitHub username
3. Select your preferred card type
4. Choose a theme and chart style
5. Copy the generated markdown or HTML code
6. Paste it in your GitHub README or anywhere else!

Quick Links

![GitHub Stats](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME)
![Top Languages](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME&type=languages)
![Contributions](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME&type=contributions)
![Top Repos](https://git-hub-stats-card-generator.vercel.app/api/svg?username=YOUR_USERNAME&type=top-repos)

Customization Parameters

• username: Your GitHub username
• type: Card type (general, languages, contributions, top-repos)
• theme: Theme name (e.g., dracula, tokyonight, github)
• chart: Chart type for stats and languages (bars, pie, donut)

Development

This is a Next.js project bootstrapped with create-next-app.

Getting Started

1. Clone the repository

git clone https://github.com/yourusername/github-stats-generator.git

1. Install dependencies

npm install
# or
yarn install

1. Start the development server

npm run dev
# or
yarn dev

1. Open http://localhost:3000 with your browser

Environment Variables

Create a .env.local file with:

GITHUB_TOKEN=your_github_token
NEXT_PUBLIC_API_URL=http://localhost:3000

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Uses GitHub’s API
• Built with Next.js and TypeScript

---

Cooked by aashuu ✦ (Ashutosh Kumar)
Founder of 2C Labs

I build tech businesses through SaaS products across every layer of the internet ( Web2 ▪︎ Web3 ▪︎ AI-native ▪︎ Infrastructure )

Connect here:
Website www.aashuu.me ✦ 𝕏 @warrioraashuu ✦ LinkedIn @warrioraashuu

This site is open source. Improve this page.