BACK_TO_FEEDAICRIER_2
shieldcn turns README badges into design system
OPEN_SOURCE ↗
PH · PRODUCT_HUNT// 4h agoOPENSOURCE RELEASE

shieldcn turns README badges into design system

ANNOUNCEMENTPRODUCTPRODUCT HUNT

shieldcn is a free and open source shields.io alternative focused on visual quality and customization. It ships GitHub, npm, and Discord badges with six variants, 16 themes, and 5,000+ icons, making it a strong fit for projects that want README badges to feel more intentional and branded instead of generic.

// ANALYSIS

Hot take: this is less a badge generator and more a UI upgrade for developer-facing identity.

  • –The shadcn/ui-inspired aesthetic is the real differentiator; most badge tools optimize utility, not taste.
  • –Six variants and 16 themes give it enough range to match different repo styles without forcing custom SVG work.
  • –The 5,000+ icon set makes it practical for common open-source surfaces like GitHub, npm, and Discord.
  • –Free and open source lowers adoption friction, which matters for a tool that lives in READMEs and docs.
// TAGS
badgesreadmegithubnpmdiscordopen-sourceshadcndesign-toolsdevtool

DISCOVERED

4h ago

2026-04-26

PUBLISHED

9h ago

2026-04-26

RELEVANCE

8/ 10

AUTHOR

[REDACTED]