shadcn MCP
Browse, search, and install shadcn/ui components by natural language
About
The official shadcn MCP server allows AI assistants to interact with items from shadcn-compatible registries. You can browse available components, search for specific ones across multiple registries, and install them directly into your project using natural language. It is best for quickly assembling UI from the default shadcn/ui registry, third-party registries, or private company libraries configured in your project.
# Run in your project (example for Claude Code):
pnpm dlx shadcn@latest mcp init --client claude
# Or configure manually in your project's.mcp.json:
{
"mcpServers": {
"shadcn": {
"command": "npx",
"args": ["shadcn@latest", "mcp"]
}
}
}Copy individual commands
- Run in your project (example for Claude Code)::
pnpm dlx shadcn@latest mcp init --client claude - Or configure manually in your project's.mcp.json::
{ "mcpServers": {"shadcn": {"command": "npx","args": ["shadcn@latest", "mcp"]}}}
Registries are configured in your project's components.json file; no configuration is needed to access the standard shadcn/ui registry. After adding the config, restart Claude Code and run /mcp to confirm the shadcn server shows Connected.
More in MCP Servers
View all
Context7
Up-to-date, version-specific library docs pulled straight into your prompt.
Playwright MCP
Let your AI drive a real browser — navigate, click, fill forms and read pages.
Docker MCP Gateway
Run MCP servers as isolated Docker containers from the signed catalog, behind one gateway endpoint. Needs Docker.