shadcn-ui-mcp-server
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
- 3.1k stars
- 315 forks
- 7 open issues
- Language: TypeScript
- License: MIT
- updated
Install
git clone https://github.com/Jpisnice/shadcn-ui-mcp-server{
"mcpServers": {
"shadcn-ui": {
"command": "node",
"args": ["/path/to/shadcn-ui-mcp-server/dist/index.js"]
}
}
}{
"mcpServers": {
"shadcn-ui": {
"command": "node",
"args": ["/path/to/shadcn-ui-mcp-server/dist/index.js"]
}
}
}- Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).
- Replace any <placeholder> values with your API keys or paths.
- Restart Claude. The MCP server and its tools appear automatically.
Clone https://github.com/Jpisnice/shadcn-ui-mcp-server and follow its README for install instructions.
Editor's note
This MCP server gives AI assistants direct access to shadcn/ui v4 component source code, demos, metadata, and full block implementations such as dashboards, calendars, and forms. It connects to Claude Desktop via a one-click `.mcpb` installer and to Claude Code via SSE transport using a simple `claude mcp add` command. Developers can target four frameworks by passing a flag at startup: React (with a choice of Radix UI or Base UI primitives), Svelte 5, Vue, and React Native via react-native-reusables. The server fetches component data from GitHub, caches responses to handle API rate limits, and supports stdio, SSE, and dual transport modes, with Docker Compose configs included for production deployments. A notable practical detail is that adding a GitHub personal access token raises the request ceiling from 60 to 5,000 per hour. Frontend developers using Claude to scaffold or extend shadcn-based projects across any of the four supported frameworks are the primary audience.
MCP Servers overview
What people ask about shadcn-ui-mcp-server
What is Jpisnice/shadcn-ui-mcp-server?
Jpisnice/shadcn-ui-mcp-server is mcp servers for the Claude AI ecosystem. A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native It has 3.1k GitHub stars and its last recorded update is dated 2026-10-03.
How do I install shadcn-ui-mcp-server?
You can install shadcn-ui-mcp-server by cloning the repository (https://github.com/Jpisnice/shadcn-ui-mcp-server) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is Jpisnice/shadcn-ui-mcp-server safe to use?
Our security agent has analyzed Jpisnice/shadcn-ui-mcp-server and assigned a Trust Score of 100/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.
Who maintains Jpisnice/shadcn-ui-mcp-server?
Jpisnice/shadcn-ui-mcp-server is maintained by Jpisnice. The last recorded GitHub activity is dated 2026-10-03, with 7 open issues.
Are there alternatives to shadcn-ui-mcp-server?
Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.