Shadcn UI MCP Server

Name: Shadcn UI MCP Server
Author: Jpisnice

Verified · npm:@jpisnice

MCP server by Jpisnice · updated 17 days ago · ★ 3.1k · 5.1k downloads a week

Score 92

A Model Context Protocol (MCP) server for shadcn/ui components, providing AI assistants with access to component source code, demos, blocks, and metadata. Shadcn UI MCP Server is published by npm:@jpisnice from its verified domain in the official MCP Registry.

Install Add to Cursor Add to VS Code GitHub Website

Works withClaude Code Claude Desktop Cursor Codex Gemini CLI VS Code Windsurf Antigravity CLI

Maintenance

Last commit 17 days ago

Licence

MIT: permissive, fine for commercial use

Quality

Clear description, published package or server URL, 3,064 stars, original repository

Security

Not checked yet. What we check

Install Shadcn UI MCP Server

Built from the published package, never by AI

claude mcp add shadcn-ui-mcp-server -- npx -y @jpisnice/shadcn-ui-mcp-server

Run in your terminal. Add --scope user to use it in every project.

Step-by-step: install Shadcn UI MCP Server in Claude Code

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

Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.

Step-by-step: install Shadcn UI MCP Server in Claude Desktop

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

Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).

Step-by-step: install Shadcn UI MCP Server in Cursor

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

Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".

Step-by-step: install Shadcn UI MCP Server in VS Code

codex mcp add shadcn-ui-mcp-server -- npx -y @jpisnice/shadcn-ui-mcp-server

Step-by-step: install Shadcn UI MCP Server in Codex

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

Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).

Step-by-step: install Shadcn UI MCP Server in Antigravity CLI

gemini mcp add shadcn-ui-mcp-server npx -y @jpisnice/shadcn-ui-mcp-server

Gemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.

Step-by-step: install Shadcn UI MCP Server in Gemini CLI

MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the shadcn-ui-mcp-server block.

Shadcn UI MCP Server: common questions

How do I install Shadcn UI MCP Server?

In Claude Code run claude mcp add shadcn-ui-mcp-server -- npx -y @jpisnice/shadcn-ui-mcp-server. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.

Is Shadcn UI MCP Server the official server?

Shadcn UI MCP Server is published by npm:@jpisnice from its verified domain in the official MCP Registry.

Is Shadcn UI MCP Server free?

The code is published under the MIT licence. The service it connects to may have its own pricing.

Is Shadcn UI MCP Server safe to use?

It scores 92 of 100. Grades: maintenance A, licence A, quality A. The security check has not run for it yet. Review the code before you install. How grades work.

Does Shadcn UI MCP Server work with ChatGPT?

Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.