shadcn/ui MCP Server

Name: shadcn/ui MCP Server
Author: ymadd

ymadd

Get started Repository

Reference server for shadcn/ui components: details, usage examples and search.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add shadcn-ui-server-ymadd -- npx -y shadcn-ui-mcp-server

~/.codex/config.toml

[mcp_servers.shadcn-ui-server-ymadd]
command = "npx"
args = ["-y", "shadcn-ui-mcp-server"]

# codex mcp add shadcn-ui-server-ymadd -- npx -y shadcn-ui-mcp-server

~/.cursor/mcp.json

{
  "mcpServers": {
    "shadcn-ui-server-ymadd": {
      "command": "npx",
      "args": [
        "-y",
        "shadcn-ui-mcp-server"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "shadcn-ui-server-ymadd": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "shadcn-ui-mcp-server"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "shadcn-ui-server-ymadd": {
      "command": "npx",
      "args": [
        "-y",
        "shadcn-ui-mcp-server"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "shadcn-ui-server-ymadd": {
      "command": "npx",
      "args": [
        "-y",
        "shadcn-ui-mcp-server"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "shadcn-ui-server-ymadd": {
      "command": "npx",
      "args": [
        "-y",
        "shadcn-ui-mcp-server"
      ]
    }
  }
}

Setup

Related