# Does shadcn/ui have an MCP server?

**Yes — Official.** shadcn/ui maintains an official MCP server.

> The star count is for the whole shadcn/ui monorepo — the MCP server ships inside the CLI, not as a separate repo.

## Facts

- Verdict: Official (Yes)
- Access: Built into the product — Ships inside the vendor's own app or CLI rather than as a standalone download.
- Endpoint: `shadcn CLI (npx shadcn mcp) — in-product`
- Repository: [shadcn-ui/ui](https://github.com/shadcn-ui/ui) — ★ 121k, last push 2026-08-11, MIT
- Maintainer: shadcn-ui
- Language: TypeScript
- Category: [Developer Tools](https://mcpyet.com/category/developer-tools/)
- Verified against vendor docs: 2026-08-10
- GitHub data refreshed: 2026-08-11 (re-checked every 6 hours)

## What it does

> A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
> — how [shadcn-ui/ui](https://github.com/shadcn-ui/ui) describes itself

Project site: <https://ui.shadcn.com>

## The receipts

- **In-product:** shadcn CLI (npx shadcn mcp) — in-product — ships inside shadcn/ui's own product rather than as a standalone server. Documented at <https://ui.shadcn.com/docs/mcp>.
- **Official repository:** [shadcn-ui/ui](https://github.com/shadcn-ui/ui) — ★ 121k, pushed 2026-08-11, MIT (active)

## How to connect it

Ships inside the vendor's own app or CLI rather than as a standalone download.

### Claude Code

```sh
claude mcp add shadcn -- npx -y <package-from-readme>
```

Swap in the exact package and flags from the repo README — most servers need an API key passed as an environment variable. Add `--scope user` to make it available in every project.

### Claude Desktop

Open **Settings → Developer → Edit Config** and add the server to `claude_desktop_config.json`, then restart Claude Desktop:

```json
{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": [
        "-y",
        "<package-from-readme>"
      ],
      "env": {
        "API_KEY": "…"
      }
    }
  }
}
```

### Cursor

Add to `.cursor/mcp.json` in your project, or `~/.cursor/mcp.json` for every project:

```json
{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": [
        "-y",
        "<package-from-readme>"
      ],
      "env": {
        "API_KEY": "…"
      }
    }
  }
}
```

### VS Code

Add to `.vscode/mcp.json`, then pick the server from Copilot's agent-mode tools menu:

```json
{
  "servers": {
    "shadcn": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "<package-from-readme>"
      ]
    }
  }
}
```

### ChatGPT

ChatGPT connects to **remote servers only**, and this one runs on your machine. Either expose it through an MCP gateway that gives it a public URL, or use a client with native local support (Claude or Cursor).

## How we know

Official MCP server built into the shadcn CLI (npx shadcn@latest mcp), documented at ui.shadcn.com/docs/mcp — agents browse, search and install registry components.

- GitHub data refreshed 2026-08-11, then every 6 hours.
- Vendor docs verified on 2026-08-10.
- Corrections: hello@mcpyet.com.

## Also in Developer Tools

- [Chrome DevTools](https://mcpyet.com/mcp/chrome-devtools.md) — Official (Yes)
- [Google AI Studio](https://mcpyet.com/mcp/google-ai-studio.md) — Community only (Sort of)
- [Serena](https://mcpyet.com/mcp/serena.md) — Official (Yes)
- [LangChain](https://mcpyet.com/mcp/langchain.md) — Official (Yes)
- [GitLab](https://mcpyet.com/mcp/gitlab.md) — Official (Yes)
- [n8n](https://mcpyet.com/mcp/n8n.md) — Official (Yes)

---

Source: https://mcpyet.com/mcp/shadcn/ — data refreshed 2026-08-11