# Shadcn UI MCP Server (MCP server)

> Shadcn UI MCP Server is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte… It has 3,069 GitHub stars, is released under the MIT license and runs locally with npx -y @jpisnice/shadcn-ui-mcp-server.

🚀 The fastest way to integrate shadcn/ui components into your AI workflow A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/Jpisnice/shadcn-ui-mcp-server |
| GitHub stars | 3,069 |
| License | MIT |
| Language | TypeScript |
| Transport | stdio |
| Packages | npm: @jpisnice/shadcn-ui-mcp-server |
| Remote URL | none |
| Needs API key | no |
| Official | no |
| Works with | Claude Desktop, Claude Code, Cursor, VS Code |
| Category | Developer tools |
| Latest release | v3.0.0 (Oct 3, 2026) |
| Last commit | Oct 3, 2026 |

## Install

### Claude Desktop (claude_desktop_config.json)

```json
{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server"
      ]
    }
  }
}
```

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

### Claude Code

```sh
claude mcp add --transport stdio shadcn-ui-mcp-server -- npx -y @jpisnice/shadcn-ui-mcp-server
```

### Cursor (.cursor/mcp.json)

```json
{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server"
      ]
    }
  }
}
```

Project file; use ~/.cursor/mcp.json to enable it in every project.

### VS Code (.vscode/mcp.json)

```json
{
  "servers": {
    "shadcn-ui-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server"
      ]
    }
  }
}
```

Config formats checked against the official docs on 2026-10-07.

## Similar MCP servers

- [Argent](https://appsgit.com/mcp-servers/argent): Drive iOS Simulators, Android emulators, TVs and Electron/web apps from your coding agent. (3,084 stars, Apache-2.0, official)
- [Appllama](https://appsgit.com/mcp-servers/appllama): Study screens, flows and paywalls from top-earning iOS apps, then build from what wins. (3,045 stars, MIT, official)
- [Cortex](https://appsgit.com/mcp-servers/cortex): Cortex - Generates interactive API documentation, typed SDKs, and MCP servers from OpenAPI, AsyncAPI, GraphQL, gRPC, OpenRPC, and Markdown. (3,289 stars, MIT)
- [Ffmpeg Skill](https://appsgit.com/mcp-servers/ffmpeg-skill): Local video editor for coding agents: 42 FFmpeg tools with a machine-readable contract and an MCP server, for Claude Code, Cursor and Codex. (2,928 stars, MIT)
- [Sem](https://appsgit.com/mcp-servers/sem): Entity-level code intelligence: semantic diff, impact analysis, blame, and context for AI agents. (3,425 stars, Apache-2.0, official)
- [kordoc](https://appsgit.com/mcp-servers/kordoc): Parse Korean documents (HWP, HWPX, PDF, XLSX, DOCX, PPTX) to Markdown; fill forms, diff, render. (2,771 stars, MIT)

---

Canonical page: https://appsgit.com/mcp-servers/shadcn-ui-mcp-server
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.