Open Source

Dynamic SVG cards for your badges

Embed beautiful, auto-updating badge stats in your GitHub README. 20 themes, real-time data, zero configuration.

Build Card

How it works

Three steps to showcase your certifications

Find your username

Go to your Credly profile. Your username is in the URL: credly.com/users/your-username

Pick a card type

Choose from Stats, Grid, or Timeline cards. Customize theme, colors, and layout.

Copy & paste

Grab the Markdown or HTML embed code and drop it into your README. That's it!

Interactive Builder

Customize your card and copy the embed code

Credly Username

Customization

ThemeCustom Title

Hide borderHide titleDisable animations

title colortext coloricon colorbg colorborder color

Stats Options

Show iconsCard width495Hide sections

Preview

Enter a username to see the preview

Themes

20 built-in themes to match your README style. Add &theme=name to your URL.

Default

Total Badges24

Unique Issuers5

Skills47

theme=default

Dark

Total Badges24

Unique Issuers5

Skills47

theme=dark

Radical

Total Badges24

Unique Issuers5

Skills47

theme=radical

Merko

Total Badges24

Unique Issuers5

Skills47

theme=merko

Gruvbox

Total Badges24

Unique Issuers5

Skills47

theme=gruvbox

Tokyo Night

Total Badges24

Unique Issuers5

Skills47

theme=tokyonight

One Dark

Total Badges24

Unique Issuers5

Skills47

theme=onedark

Cobalt

Total Badges24

Unique Issuers5

Skills47

theme=cobalt

Synthwave

Total Badges24

Unique Issuers5

Skills47

theme=synthwave

Dracula

Total Badges24

Unique Issuers5

Skills47

theme=dracula

Nord

Total Badges24

Unique Issuers5

Skills47

theme=nord

Catppuccin Mocha

Total Badges24

Unique Issuers5

Skills47

theme=catppuccin_mocha

Catppuccin Latte

Total Badges24

Unique Issuers5

Skills47

theme=catppuccin_latte

Rose Pine

Total Badges24

Unique Issuers5

Skills47

theme=rose_pine

GitHub Dark

Total Badges24

Unique Issuers5

Skills47

theme=github_dark

GitHub Light

Total Badges24

Unique Issuers5

Skills47

theme=github_light

Aura

Total Badges24

Unique Issuers5

Skills47

theme=aura

Neon

Total Badges24

Unique Issuers5

Skills47

theme=neon

React

Total Badges24

Unique Issuers5

Skills47

theme=react

Vue

Total Badges24

Unique Issuers5

Skills47

theme=vue

API Reference

All available query parameters for customizing your cards

Parameter	Type	Default	Description
`username`	string	`required`	Your Credly username (from profile URL)
`theme`	string	`default`	Named theme preset
`title_color`	hex	`theme`	Title text color
`text_color`	hex	`theme`	Body text color
`icon_color`	hex	`theme`	Icon color
`bg_color`	hex/gradient	`theme`	Background color (angle,c1,c2 for gradient)
`border_color`	hex	`theme`	Border color
`hide_border`	boolean	`false`	Hide card border
`hide_title`	boolean	`false`	Hide card title
`custom_title`	string	`auto`	Custom title text
`disable_animations`	boolean	`false`	Disable CSS animations
`cache_seconds`	number	`21600`	Cache TTL in seconds (7200-86400)

Example

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