I built a Pokémon-style GitHub profile card generator – 18 types, real-time stats, works in READMEs

Enhance Your GitHub Profile with a Custom Pokémon-Inspired Card Generator

Are you looking to make your GitHub profile stand out? I’ve developed an innovative tool that allows you to craft personalized, animated profile cards inspired by Pokémon — seamlessly integrated into your README files.

Introducing the Pokémon-Style GitHub Profile Card Generator

This utility creates visually appealing, animated profile cards featuring your GitHub statistics. It offers a variety of customization options and dynamically displays real-time data directly within your repositories, eliminating the need for screenshots or external hosting.

Key Features:

  • Dynamic, Animated Cards: Breathe life into your README with lively, animated profile visuals.
  • Diverse Pokémon Types: Choose from 18 different types, including Fire, Water, Electric, and Dragon, to personalize your card’s appearance.
  • Live Data Integration: Your profile’s current stats—such as followers, stars, repositories, and recent activity—are fetched and displayed instantly.
  • Embedded Profile Picture: Your GitHub avatar is embedded directly as a base64 image for seamless integration.
  • Easy Implementation: Simply insert a Markdown image link into your README to showcase your custom profile card.

How to Set Up

Integrate the card into your README with a straightforward Markdown line. Replace ‘YOUR_USERNAME’ with your GitHub handle and ‘TYPE’ with your preferred Pokémon type:

markdown
![My GitHub Stats](https://animated-profile-stats.vercel.app/api/card?username=YOUR_USERNAME&type=TYPE)

For example, to display a Fire-type profile card:

markdown
![My GitHub Stats](https://animated-profile-stats.vercel.app/api/card?username=YourGitHubUsername&type=fire)

Sample Types:

  • Fire: ?type=fire
  • Water: ?type=water
  • Electric: ?type=electric
  • Dragon: ?type=dragon

Live Demonstration

See it in action here: View Live Demo

Repository and Source Code

Developed with flexibility in mind, the project’s source code is available on GitHub: Explore the Repository

Why This Project Matters

Many existing solutions rely on static images or external hosting, which can be inconvenient. This generator produces pure SVG graphics that work directly within GitHub’s Markdown environment, updating dynamically with your latest stats from the Git


Leave a Reply

Your email address will not be published. Required fields are marked *