Showcase Your Credly Certifications in Your GitHub README

If you have certifications on Credly and want to show them off on your GitHub profile, I built an open source tool that makes it dead simple.

What is credly-readme-stats?

It's a free API that fetches your Credly badges and renders them as dynamic SVG cards. One line of markdown in your README and you're done:

<img src="https://credly-readme-stats.onrender.com/api/overview?username=YOUR_USERNAME" alt="YOUR_USERNAME's Credly overview card"/>

Card Types

Stats Card: summary of your badge statistics

Badge Grid: your badges in a visual grid

Timeline: chronological view of achievements

Carousel: animated sliding badges (pure CSS, no JS)

Overview: stats + carousel combined

How to Use

1. Find your Credly username from your profile URL: credly.com/users/YOUR_USERNAME
2. Use the interactive builder at credly-readme-stats.onrender.com to pick your card type, theme, and options
3. Copy the markdown and paste it into your README

20 Themes

tokyonight, dracula, nord, catppuccin_mocha, catppuccin_latte, radical, synthwave, rose_pine, github_dark, github_light, gruvbox, onedark, cobalt, aura, neon, react, vue, merko, and more. You can also set custom hex colors and gradient backgrounds.

GitHub Dark/Light Mode

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://credly-readme-stats.onrender.com/api/stats?username=YOUR_USERNAME&theme=github_dark" />
  <source media="(prefers-color-scheme: light)" srcset="https://credly-readme-stats.onrender.com/api/stats?username=YOUR_USERNAME&theme=github_light" />
  <img alt="Credly Stats" src="https://credly-readme-stats.onrender.com/api/stats?username=YOUR_USERNAME" />
</picture>

Open Source

MIT licensed, 94% test coverage (416 tests), built with Hono + TypeScript + Astro. Contributions welcome.

GitHub: ebenezer-isaac/credly-readme-stats