🎯 Create stunning, animated GitHub streak cards featuring water effects, circular avatars, and full customization — perfect for elevating your GitHub profile!
🌐 Try it live: https://v0-git-hub-streak-score-card-phi.vercel.app
- 🔥 Live Current Streak
- 📈 Longest Streak Tracker
- 📊 Yearly & Total Contributions
- 👤 Public Repos, Stars, Followers
- 🖼️ Circular Avatar Integration
- 🌊 Water Ripple Animation
- 🎨 5+ Beautiful Themes
- 💡 Custom Color & Layout Support
- 📋 README Code Generator
- 💾 Export as PNG
- ⚡ Next.js Fast Performance
- 📱 Fully Responsive Design
- Open 👉 Streak Card Generator
- Enter your GitHub username
- Pick a theme or customize your own
- Preview your card in real-time
- 📋 Copy README code and paste into your profile
💥 Done! Your profile now has a visual contribution highlight!
| 🌈 Theme | 🖼️ Description |
|---|---|
| 🌙 Dark | Elegant dark mode with rich contrast |
| 🌊 Ocean | Cool blues & fluid design (Default) |
| 🌅 Sunset | Bold reds & oranges |
| 🌲 Forest | Earthy greens and calm visuals |
| 💜 Purple | Royal look with soft hues |
[ Circular Avatar ] | [ Animated Streak Circle ] | [ Stats & Languages ]
Includes:
- 👤 Profile block (avatar, username, join date)
- 🔥 Streak counter (with water animation)
- 📊 Contributions, repo count, languages
- 🧑💻 Language bar (visually ranked top languages)
| Option | What It Does |
|---|---|
| 🎨 Background | Card's background color |
| 🔤 Text | Text color across all card elements |
| 🌈 Accent | Highlight color for icons/streak |
| 🟦 Border | Card outline & segment separators |
| 💧 Water | Color of animated water effect |
| 🔥 Streak Counter | Current streak color & pulse animation |
Click below to deploy on Vercel in one click:
- Connect GitHub
- Deploy
- Customize your card service under your domain!
We'd ❤️ your help to improve and grow this tool:
- Fork the repo
- Create a feature branch:
git checkout -b my-feature - Commit:
git commit -m '✨ Add new feature' - Push:
git push origin my-feature - Open a Pull Request
This project is under the MIT License. See LICENSE for more info.
- 💻 GitHub REST API
- 🧩 shadcn/ui
- 🚀 Vercel (for smooth deployment)
- 🌍 Open-source community inspiration
🌟 Crafted with ❤️ by ZainulabdeenOfficial 🌟
🔗 Generate Your Card Now
🎨 Elevate your GitHub presence today!