Create and customize your own badge easily using the powerful Shields.io API.
- Fully customizable badge:
- Text
- Icon (powered by Simple Icons)
- Label
- Custom colors
- Select from multiple badge variants
- Copy your badge in 3 formats:
- Direct link
- HTML code
- Markdown code
- Live preview with switchable background (light or dark)
See exactly how your badge looks against different backgrounds (white or black).
- Next.js
- Tailwind CSS
- TypeScript
- Shields.io
- Simple Icons
- ChatCN components
Huge thanks to the Shields.io team for their amazing API that powers this badge generator.