projects

shieldcn

2025 - 2026

An open-source badge service and CLI that renders shadcn/ui components as SVG badges. Developers can generate badges for their READMEs, docs, and dashboards using familiar shadcn/ui component styles. Includes a self-hostable Docker engine for custom deployments.

Next.js · React · TypeScript · Docker · SVGvisit

problem

README badges are stuck in the 2010s — flat, static, and disconnected from modern UI systems. Developers using shadcn/ui had no way to carry that design language into their badges and documentation assets.

approach

Built a service that renders actual shadcn/ui components server-side and converts them to SVG. Ships as both a hosted service and a self-hostable Docker image. Includes a CLI for generating badges locally.

outcome

112 GitHub stars, 100+ developers using it. Featured on Product Hunt. Open source under MIT license.