Shadcn UI 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.
github.com/Jpisnice/shadcn-ui-mcp-server (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Install Shadcn UI MCP Server
Generated from the server's published package. Replace your-value with your own values.
Claude Desktop
{
"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
claude mcp add --transport stdio shadcn-ui-mcp-server -- npx -y @jpisnice/shadcn-ui-mcp-serverCursor
{
"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
{
"servers": {
"shadcn-ui-mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@jpisnice/shadcn-ui-mcp-server"
]
}
}
}Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).
About 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.
- ai
- mcp
- modelcontextprotocol
- ts
- typescript
- shadcn-ui
- ui
- webdev
- nextjs
- npm
Similar MCP servers
More developer tools MCP servers
Argent
software-mansion/argent
Drive iOS Simulators, Android emulators, TVs and Electron/web apps from your coding agent.
Active · last commit Oct 24, 2026
OfficialDeveloper toolsTypeScriptAppllama
Appllama/appllama-skills
Study screens, flows and paywalls from top-earning iOS apps, then build from what wins.
Too new to judge · created Aug 13, 2026
OfficialDeveloper toolsCortex
cortex-docs/cortex
Cortex - Generates interactive API documentation, typed SDKs, and MCP servers from OpenAPI, AsyncAPI, GraphQL, gRPC, OpenRPC, and Markdown.
Active · last commit Oct 1, 2026
Developer toolsTypeScriptFfmpeg Skill
kajisho5/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.
Too new to judge · created Sep 3, 2026
Developer toolsPythonSem
Ataraxy-Labs/sem
Entity-level code intelligence: semantic diff, impact analysis, blame, and context for AI agents.
Active · last commit Oct 26, 2026
OfficialDeveloper toolsRustkordoc
chrisryugj/kordoc
Parse Korean documents (HWP, HWPX, PDF, XLSX, DOCX, PPTX) to Markdown; fill forms, diff, render.
Active · last commit Oct 26, 2026
Developer toolsTypeScript
How do I install the Shadcn UI MCP Server MCP server?
Add the command npx -y @jpisnice/shadcn-ui-mcp-server to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.
Is Shadcn UI MCP Server free?
The server is open source under the MIT license, so running it is free. It does not declare any required API key.
Is Shadcn UI MCP Server actively maintained?
The most recent commit was on Oct 3, 2026. The latest release is v3.0.0, published Oct 3, 2026. appsgit only lists MCP servers with a commit in the last six months.