# shadcn/ui (MCP Server)

> Browse, search and install shadcn/ui components and registry blocks

- Type: MCP server
- Publisher: shadcn (official)
- Categories: Development, Design
- Website: https://ui.shadcn.com/docs/mcp
- Source: https://github.com/shadcn-ui/ui
- Transport: stdio
- Launch command: npx shadcn@latest mcp
- Sign-in: none
- GitHub stars: 125685
- Listed: 2025-08-01

## About

The shadcn MCP server, built into the shadcn CLI, lets coding agents browse and search components, blocks and templates from the shadcn/ui registry and any configured public, private or third-party registries, then install them into your project. It runs locally via npx and needs no auth for the public registry; private registries can use headers from environment variables.

## Install

1. **Add the server to Codex**

   Codex CLI:

   ```bash
   codex mcp add shadcn-ui -- npx shadcn@latest mcp
   ```

   config.toml:

   ```toml
   [mcp_servers.shadcn-ui]
   command = "npx"
   args = ["shadcn@latest", "mcp"]
   ```

   Agents SDK:

   ```python
   from agents import Agent, Runner
   from agents.mcp import MCPServerStdio
   
   async with MCPServerStdio(
       name="shadcn/ui",
       params={"command": "npx", "args": ["shadcn@latest", "mcp"]},
   ) as server:
       agent = Agent(name="Assistant", mcp_servers=[server])
       result = await Runner.run(agent, "Add a login form using shadcn components")
       print(result.final_output)
   ```

## Example prompts

- "Add a login form using shadcn components"
- "Show me the available sidebar blocks"
- "Install the dialog, button and input components"
- "Find a data table component in the @acme registry"

## Related

- [Chrome DevTools MCP](https://chatgptplugins.directory/mcp/chrome-devtools.md): Let coding agents control and debug a live Chrome browser
- [Playwright MCP](https://chatgptplugins.directory/mcp/playwright.md): Browser automation for agents via Playwright accessibility snapshots
- [GitHub](https://chatgptplugins.directory/mcp/github.md): Manage repos, issues, pull requests and Actions from your AI agent
- [Context7](https://chatgptplugins.directory/mcp/context7.md): Pull up-to-date, version-specific library docs into your coding agent
- [Excalidraw](https://chatgptplugins.directory/mcp/excalidraw.md): Draw hand-drawn Excalidraw diagrams live inside ChatGPT, Claude and VS Code
- [Supabase](https://chatgptplugins.directory/mcp/supabase.md): Manage Supabase databases, migrations, edge functions and logs

---
Source: https://chatgptplugins.directory/mcp/shadcn-ui · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.