Generate beautiful, animated profile cards for your GitHub README with Pokémon-inspired themes! Each card shows your GitHub stats with custom type icons and gradients.
- 18 Pokémon Types: Choose from normal, fire, water, electric, grass, ice, fighting, poison, ground, flying, psychic, bug, rock, ghost, dragon, dark, steel, fairy
- Real-time Stats: Shows your actual GitHub followers, stars, repos, and activity
- Dynamic Content: Updates automatically with your latest GitHub data
- SVG Format: Perfect for embedding in GitHub READMEs
- No Screenshots Needed: Direct SVG embedding!
Add this to your GitHub profile README:
Examples:
<!-- Fire type card -->
<!-- Water type card -->
<!-- Dragon type card -->
Visit the website to preview your card before embedding:
https://profile-card-ten-green.vercel.app/?username=YOUR_GITHUB_USERNAME&type=fire
| Type | Example | Type | Example |
|---|---|---|---|
| Normal | type=normal |
Fire | type=fire |
| Water | type=water |
Electric | type=electric |
| Grass | type=grass |
Ice | type=ice |
| Fighting | type=fighting |
Poison | type=poison |
| Ground | type=ground |
Flying | type=flying |
| Psychic | type=psychic |
Bug | type=bug |
| Rock | type=rock |
Ghost | type=ghost |
| Dragon | type=dragon |
Dark | type=dark |
| Steel | type=steel |
Fairy | type=fairy |
Here's what the different type cards look like:
Note: These are example screenshots. Your actual card will show your real GitHub data!
Each card displays:
- Experience Level: Junior/Mid/Senior/Lead Dev (calculated from your activity)
- Followers Count: Your GitHub followers
- Skills: Top programming languages from your repos
- Special Abilities:
- ⭐ Total stars across all your repos
- 📦 Number of public repositories
- Recent Activity: Your latest GitHub activity
- Profile Picture: Your GitHub avatar
- Type Icon: Pokémon-style type icon matching your chosen theme
Replace type=fire with any of the 18 available types:
Replace username=yourname with any GitHub username:
This is ideal for:
- GitHub Profile READMEs: Add to your
username/usernamerepository - Portfolio Websites: Embed in your personal website
- Developer Portfolios: Show off your GitHub stats in style
- README Files: Add to project READMEs to show your stats
- Fork this repository
- Deploy to Vercel (or your preferred platform)
- Update the domain in the examples above
- Share with others!
# Hi there 👋
## About Me
- 🔥 I love coding and building things
- 🚀 Currently working on awesome projects
- 📚 Always learning new technologies
## My Projects
- [Project 1](link)
- [Project 2](link)
- [Project 3](link)This service uses GitHub's public API, which has rate limits:
- Unauthenticated: 60 requests per hour
- Authenticated: 5,000 requests per hour
If you hit rate limits, the card will show an error message.
- Built with: Node.js, Express, SVG
- Deployment: Vercel serverless functions
- API: RESTful endpoint serving SVG images
- CORS: Enabled for cross-origin embedding
We love contributions! Here are some ways you can help:
- New Pokémon types - create new type themes
- Custom backgrounds - add new gradient patterns
- Additional stats - show more GitHub data
- Animations - add CSS animations to the cards
- Found a bug? Open an issue
- Have a feature request? Let us know
- Better examples
- More screenshots
- Clearer instructions
- Translation help
- Optimize API responses
- Improve error handling
- Add tests
- Code cleanup
See CONTRIBUTING.md for detailed guidelines!
MIT License - feel free to use and modify!
Made with ❤️ for the GitHub community