Skip to content

Latest commit

Β 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 

Repository files navigation

Github Stats


πŸ”₯ GitHub Stats Card Generator

🎯 Create stunning, animated GitHub stats cards featuring water effects, circular avatars, and full customization β€” perfect for elevating your GitHub profile!

🌐 Try it live: https://github-stats.nishad.top


✨ Features at a Glance

  • πŸ”₯ Live Current Stats
  • πŸ“ˆ 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

πŸš€ How to Use

  1. Open πŸ‘‰ Stats Card Generator
  2. Enter your GitHub username
  3. Pick a theme or customize your own
  4. Preview your card in real-time
  5. πŸ“‹ Copy README code and paste into your profile

πŸ’₯ Done! Your profile now has a visual contribution highlight!


🎨 Theme Collection

🌈 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

πŸ–ΌοΈ Layout Overview

[ 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)

πŸ› οΈ Examples in Action

🌊 Ocean Theme

henry-jackson

πŸ’œ Purple Theme

gijzelaerr

Sunset Theme

viktorgardart

Dark Theme

fedetrim


πŸŽ›οΈ Full Customization

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

πŸ™ Credits

  • πŸ’» GitHub REST API
  • πŸš€ Vercel (for smooth deployment)
  • 🌍 Open-source community
  • 😈 Me

🌟 My Portfolio 🌟
πŸ”— Generate Your Card Now
🎨 Elevate your GitHub presence today!

About

πŸ”₯ GitHub Stats Card – Track your coding journey in style! A powerful tool to showcase your GitHub Stats, contributions, and developer stats with stunning visuals. ✨ Fully customizable, real-time data, and perfect for your profile or personal website.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors