shadcn/ui by shadcn

shadcn/ui popularity

Downloads from api.npmjs.org, stars and forks from GitHub, checked Oct 22, 2026. How the Gid Score is calculated.

- shadcn/ui (UI kits and website templates). Open-source set of accessible React components and blocks that you copy into your own codebase through a CLI and registries. Price: free; commercial use OK; no credit needed. Style: minimal, monochrome, flat.
  Connect: official MCP server https://ui.shadcn.com/docs/mcp; npm shadcn.
  Get files: npx shadcn@latest init, then npx shadcn@latest add <component or block>; official MCP: pnpm dlx shadcn@latest mcp init --client claude (html, css, json).
  Not allowed: Needs React and Tailwind CSS
  Not allowed: Third-party registry items carry their own licences
  Rule: Keep the MIT notice if you redistribute the code.
  Rule: Third-party registries listed in the directory have their own licences; check each.
  License: https://raw.githubusercontent.com/shadcn-ui/ui/main/LICENSE.md (checked 2026-10-21; details: https://agentgid.com/assets/shadcn-ui/)

Paste it into your prompt or AGENTS.md. It is built from the license and API terms below.

License

Connect it to an agent

Use it in your stack

pnpm dlx shadcn@latest init
pnpm dlx shadcn@latest add button

// app/page.tsx
import { Button } from "@/components/ui/button"

export default function Home() {
  return (
    <div className="flex min-h-svh items-center justify-center">
      <Button>Click me</Button>
    </div>
  )
}

Pricing

Sources

Read on Oct 21, 2026: ui.shadcn.com/docs, ui.shadcn.com/docs/mcp, raw.githubusercontent.com/shadcn-ui/ui/main/LICENSE.md.

Not confirmed: Install steps page (/docs/installation) not read; command taken from the MCP page and CLI convention.

Not legal advice. Check the license page before you ship.