Showcase Your Credly Certifications in Your GitHub README

#credly #webdev #github #opensource

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

Find your Credly username from your profile URL: credly.com/users/YOUR_USERNAME
Use the interactive builder at credly-readme-stats.onrender.com to pick your card type, theme, and options
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>