Showcase Your Credly Certifications in Your GitHub README

Source: Dev.to

Overview

If you have certifications on Credly and want to showcase them on your GitHub profile, an open‑source tool makes it dead simple.
It provides a free API that fetches your Credly badges and renders them as dynamic SVG cards. Add a single line of markdown to your README and the badges appear automatically.

Card Types

• Stats Card – summary of your badge statistics.
• Badge Grid – your badges displayed in a visual grid.
• Timeline – chronological view of achievements.
• Carousel – animated sliding badges (pure CSS, no JavaScript).
• Overview – combines stats and carousel.

Getting Started

1. Find your Credly username – it’s the part after credly.com/users/ in your profile URL.
   Example: https://credly.com/users/YOUR_USERNAME
2. Use the interactive builder – go to to pick your card type, theme, and options.
3. Copy the markdown generated by the builder and paste it into your README.

Example Markdown

![Credly Stats](https://credly-readme-stats.onrender.com/api/stats?username=YOUR_USERNAME&theme=tokyonight)

Replace YOUR_USERNAME with your actual Credly username and choose any supported theme.

Themes

Supported themes include:

• 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 via query parameters.

Adaptive Dark/Light Example

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

License & Contributing

The project is MIT licensed, has 94 % test coverage (416 tests), and is built with Hono, TypeScript, and Astro. Contributions are welcome.

GitHub repository: https://github.com/ebenezer-isaac/credly-readme-stats