# shadcn/ui — card for AI agents

Open-source set of accessible React components and blocks that you copy into your own codebase through a CLI and registries.

Category: UI kits and website templates · maker shadcn · checked 2026-10-21 · style: minimal, monochrome, flat

## Price
- Price: Free
- Free tier: Fully free.

## License
MIT — https://raw.githubusercontent.com/shadcn-ui/ui/main/LICENSE.md

- commercial: **yes** (Commercial use OK)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
  (https://raw.githubusercontent.com/shadcn-ui/ui/main/LICENSE.md)
- attribution: **no** (No credit needed)
  > The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  (https://raw.githubusercontent.com/shadcn-ui/ui/main/LICENSE.md)
- in app: **yes** (Can ship inside your app)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
  (https://raw.githubusercontent.com/shadcn-ui/ui/main/LICENSE.md)

## Rules to follow
- Keep the MIT notice if you redistribute the code.
- Third-party registries listed in the directory have their own licences; check each.

## How an agent gets files
- npx shadcn@latest init, then npx shadcn@latest add <component or block>; official MCP: pnpm dlx shadcn@latest mcp init --client claude. (sign-in: none)
- Formats: html, css, json
- Not allowed: Needs React and Tailwind CSS
- Not allowed: Third-party registry items carry their own licences

## Next.js (official example, https://ui.shadcn.com/docs/installation/next)

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

## Next.js (official example, https://ui.shadcn.com/docs/installation/next)

```
// 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>
  )
}
```

## How to connect
- Official MCP server
- MCP server (official): https://ui.shadcn.com/docs/mcp
- API docs: https://ui.shadcn.com/llms.txt
- npm: `npm install shadcn`
- Repository: https://github.com/shadcn-ui/ui
- Website: https://ui.shadcn.com

## Notes
Not a package: code is copied into the project.

## Numbers (AgentGid data)
- Gid Score: 78.2
- GitHub stars: 126,199
- Downloads last week: 7,450,390
- Used in 273 public projects set up for AI coding agents

## Lines to paste into your prompt or AGENTS.md

```
- 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/)
```

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

## Links
- AgentGid page: https://agentgid.com/assets/shadcn-ui/
- Is it free for commercial use? https://agentgid.com/assets/shadcn-ui/commercial-use/
- Source: https://ui.shadcn.com/docs
- Source: https://ui.shadcn.com/docs/mcp
- Source: https://raw.githubusercontent.com/shadcn-ui/ui/main/LICENSE.md

---
AgentGid's catalog is curated: every entry was checked against the maker's official pages (registry, repository, license and pricing pages) on the date shown; a license value shows the quote it stands on wherever AgentGid has one. Usage numbers come from AgentGid's own scan of public repositories set up for AI coding agents. Claims by makers are reported, not tested by AgentGid.