shadcn-ui-mcp.md

shadcn/ui MCP Server

MCP server

from"shadcn"

The official shadcn CLI includes an MCP server that lets an assistant browse and search shadcn-compatible registries and install selected components into the current project. Registries are configured in components.json.

Not for: Rendering an MCP App inside chat. It installs source components into your project; the server itself is a tools-only integration.

Source and setup verified on 2026-11-03

Developer Tools

shadcn/uicomponentsregistrytools

Visit Website

Quick facts

Provider: shadcn (official)
Clients: Claude Code, Cursor, VS Code, Codex, OpenCode
Registry config: components.json
Inline UI: No; tools only

What you can do

List registry components and blocks
Search across configured registries
Install selected components
Use public, private and namespaced registries

Requirements

A project using the shadcn CLI
Node.js and a supported package manager

setup.md

# 1. Initialize for Claude Code

$pnpm dlx shadcn@latest mcp init --client claude

# Manual MCP config → .mcp.json

{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": ["shadcn@latest", "mcp"]
    }
  }
}

Run this from a project with components.json so the server can see its registries.

Always confirm the latest setup instructions with the maintainer before installing.

>Questions

Is shadcn/ui MCP Server an MCP App with inline UI?

No inline MCP App UI is claimed here. It is listed as a server or host because the verified source documents MCP tools or client support, not a ui:// app resource.

Where were these details checked?

Against the maintainer's README, source, or official documentation at https://ui.shadcn.com/docs/mcp, plus the GitHub API where a repository is available.