Record · shadcn-ui-mcMCP serverOpen sourceVerified Sep 23, 2026

shadcn/ui MCP Server

Give AI assistants shadcn/ui v4 component source, demos, blocks and metadata for React, Svelte, Vue and React Native.

Sources and review

Checked against public documentation on September 23, 2026. Suitability guidance is our editorial judgment; this is not a performance benchmark or an endorsement.

Repository and README

Best for

Building shadcn/ui interfaces with an assistant that pulls current component source instead of guessing it.

Avoid if

You plan heavy use without a GitHub token; unauthenticated access is limited to 60 requests an hour.

About shadcn/ui MCP Server

This community MCP server retrieves shadcn/ui v4 components, blocks, demos and metadata from GitHub, with implementations for React, Svelte, Vue and React Native and an option to use Base UI instead of Radix for React. It caches GitHub responses and can also run over SSE or in Docker for shared deployments.

shadcn/ui MCP Server is an open-source project written primarily in TypeScript, with 3.0k stars on GitHub. It was last updated in May 2026.

Add shadcn/ui MCP Server to your MCP client

Generated from the launch command in the project's README. Your client starts the server on demand. Replace <your-github-token> with your own value first.

Claude CodeRun in your terminal

claude mcp add shadcn-ui-mcp-server -- npx @jpisnice/shadcn-ui-mcp-server --github-api-key '<your-github-token>'

Cursor~/.cursor/mcp.json or .cursor/mcp.json

{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "command": "npx",
      "args": ["@jpisnice/shadcn-ui-mcp-server", "--github-api-key", "<your-github-token>"]
    }
  }
}

VS Code.vscode/mcp.json

{
  "servers": {
    "shadcn-ui-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": ["@jpisnice/shadcn-ui-mcp-server", "--github-api-key", "<your-github-token>"]
    }
  }
}

Claude Desktopclaude_desktop_config.json

{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "command": "npx",
      "args": ["@jpisnice/shadcn-ui-mcp-server", "--github-api-key", "<your-github-token>"]
    }
  }
}

Codex~/.codex/config.toml

[mcp_servers.shadcn-ui-mcp-server]
command = "npx"
args = ["@jpisnice/shadcn-ui-mcp-server", "--github-api-key", "<your-github-token>"]

Check the project's README for required accounts, keys and permissions before connecting. Setup guide for each client →

For agent buildersMake your product part of the discovery.Explore advertising

shadcn/ui MCP Server vs. the alternatives

All 163 alternatives →

Record	Stars	Language	License	Pricing
shadcn/ui MCP ServerMCP serverthis listing	3.0k	TypeScript	MIT	Open source
MCP Reference ServersMCP server	91k	TypeScript	MIT AND Apache-2.0	Open source
context7MCP server	62k	TypeScript	MIT	Open source
chrome-devtools-mcpMCP server	53k	TypeScript	Apache-2.0	Open source
Playwright MCPMCP server	37k	TypeScript	Apache-2.0	Open source
github-mcp-serverMCP server	33k	Go	MIT	Open source

See all 163 shadcn/ui MCP Server alternatives, compared →