Record · shadcn-ui-mcMCP serverCosts not checkedRecord checked 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.

Visit shadcn/ui MCP Server →View repository

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 listed in this index written primarily in TypeScript, with 3.1k stars on GitHub. Its latest recorded repository push was in October 2026; that is not an ASE editorial review date.

Before connecting: access and data

This record's specific permissions have not been reviewed by ASE. Read the publisher's documentation before copying setup or connecting.

List the accounts, files and services the enabled tools can read, change or execute. Check your actual credentials and discovered tools.
Use narrowly scoped credentials and read-only mode where supported. Review proposed writes before approving them; a generated configuration does not apply these limits for you.
Local launch is not local-only data processing. External services receive requests, and your client may pass tool results to its model provider. Check both destinations before sharing private data.
Keep keys and browser session files out of shared config, repositories and screenshots. Know how to disconnect the server and separately revoke its credentials or account sessions.

Read the setup guide →

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