GitHub Profile Components

A collection of dynamic, customizable GitHub profile components generated on the fly using Vercel Edge Functions.

---

🍱 1. Bento Grid (The Masterpiece)

The ultimate profile summary. Displays your avatar, bio, contribution streaks, top languages, activity graph, and GitHub statistics in a beautiful, responsive bento-style grid.

👨‍💻 Usage

Copy and paste this into your README.md:

<div align="center">
  <img src="https://components-github.vercel.app/api?username=your-username" alt="Bento Grid" width="900" />
</div>

---

📊 2. Combined Stats Card

A sleek, full-width card that combines your Contribution Streak, GitHub Stats, and Top Languages into a single, gap-less layout. Perfect for a clean and informative footer.

👨‍💻 Usage

<div align="center">
  <img src="https://components-github.vercel.app/api/card?type=combined&username=your-username" alt="Combined Stats" width="900" />
</div>

---

🧩 3. Modular Sub-Components

Prefer a custom layout? Use these individual cards to build your own design.

🔥 Streak Card

Displays your current and longest contribution streaks.

<img src="https://components-github.vercel.app/api/card?type=streak&username=your-username" alt="Streak Card" />

📈 GitHub Stats

Shows your total stars, commits, PRs, issues, and a calculated grade.

<img src="https://components-github.vercel.app/api/card?type=stats&username=your-username" alt="Stats Card" />

💻 Top Languages

Displays your most used languages in a donut chart.

<img src="https://components-github.vercel.app/api/card?type=languages&username=your-username" alt="Languages Card" />

💓 Activity Graph

A sparkline graph showing your contribution activity over the last 50 days.

<img src="https://components-github.vercel.app/api/card?type=activity&username=your-username" alt="Activity Card" />

👤 Profile Card

A simple card displaying your avatar, name, and bio.

<img src="https://components-github.vercel.app/api/card?type=profile&username=your-username" alt="Profile Card" />

---

🛠️ Deployment

Want to host your own instance?

1. Fork this repository.
2. Deploy to Vercel.
3. Configure Environment Variables:
   • GITHUB_TOKEN: Your GitHub Personal Access Token (Scope: repo or public).

📝 License

MIT