---
name: "@shieldcn"
slug: "shieldcn"
description: "A shields.io alternative that generates SVG and PNG README badges styled to match shadcn/ui button variants. Supports 25+ providers (npm, GitHub, Discord, and more), 6 visual variants, 16 themes, and 40,000+ icons via Iconify. Also supports badge groups similar to a ButtonGroup. Free and open-source (MIT), deployed as a web service with a live generator at shieldcn.dev. No React component runtime required — outputs static SVG/PNG URLs for Markdown. Use for: adding visually consistent, high-quality badges to open-source project READMEs that match your shadcn/ui design language."
category: "Niche/single-purpose"
tags: ["accessibility", "buttons", "components", "icons", "pro-available", "theming"]
framework: "react"
license: "MIT"
author: "jal-co"
website: "https://shieldcn.dev"
github: "https://github.com/jal-co/shieldcn"
registry: "https://shieldcn.dev/r/{name}.json"
pro: true
pro_url: "https://shieldcn.dev/pricing"
github_stars: 569
component_count: 0
generated_at: "2026-07-28T08:00:50.948Z"
---

# @shieldcn

A shields.io alternative that generates SVG and PNG README badges styled to match shadcn/ui button variants. Supports 25+ providers (npm, GitHub, Discord, and more), 6 visual variants, 16 themes, and 40,000+ icons via Iconify. Also supports badge groups similar to a ButtonGroup. Free and open-source (MIT), deployed as a web service with a live generator at shieldcn.dev. No React component runtime required — outputs static SVG/PNG URLs for Markdown. Use for: adding visually consistent, high-quality badges to open-source project READMEs that match your shadcn/ui design language.

## Links

- Website: https://shieldcn.dev
- GitHub: https://github.com/jal-co/shieldcn
- Registry JSON: https://shieldcn.dev/r/{name}.json
- Directory page: https://sh4dcn.vercel.app/registry/shieldcn
- This file: https://sh4dcn.vercel.app/md/shieldcn.md
- Pro / pricing: https://shieldcn.dev/pricing

## Install

```sh
# clone the source repo
git clone https://github.com/jal-co/shieldcn.git
# fetch the raw registry index
curl -s https://shieldcn.dev/r/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

```text
You are adding components from @shieldcn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shieldcn.md) for the component list.
2. Fetch the machine-readable index: https://shieldcn.dev/r/{name}.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: shieldcn).
```