Skip to main content
ClaudeWave
Jpisnice avatar
Jpisnice

shadcn-ui-mcp-server

View on GitHub

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

MCP Servers2.8k stars291 forksTypeScriptMITUpdated 27d ago
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.

ClaudeWave Trust Score
100/100
Verified
Passed
  • Open-source license (MIT)
  • Actively maintained (<30d)
  • Healthy fork ratio
  • Clear description
  • Topics declared
  • Mature repo (>1y old)
Last scanned: 6/11/2026
Install in Claude Code / Claude Desktop
Method: Manual
Claude Code CLI
git clone https://github.com/Jpisnice/shadcn-ui-mcp-server
claude_desktop_config.json (Claude Desktop)
{
  "mcpServers": {
    "shadcn-ui": {
      "command": "node",
      "args": ["/path/to/shadcn-ui-mcp-server/dist/index.js"]
    }
  }
}
1. Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).
2. Replace any <placeholder> values with your API keys or paths.
3. 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.
Use cases

MCP Servers overview

README preview not available. Visit the repo on GitHub for full documentation.
aiexpomcpmodelcontextprotocolnextjsnpmnpm-packagenpxreactreact-nativeshadcn-uisveltesveltekittstypescriptuivuevuejswebdev

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 2.8k GitHub stars and was last updated 27d ago.

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 from 27d ago, with 3 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.

Deploy shadcn-ui-mcp-server to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Featured on ClaudeWave: Jpisnice/shadcn-ui-mcp-server
[![Featured on ClaudeWave](https://claudewave.com/api/badge/jpisnice-shadcn-ui-mcp-server)](https://claudewave.com/repo/jpisnice-shadcn-ui-mcp-server)
<a href="https://claudewave.com/repo/jpisnice-shadcn-ui-mcp-server"><img src="https://claudewave.com/api/badge/jpisnice-shadcn-ui-mcp-server" alt="Featured on ClaudeWave: Jpisnice/shadcn-ui-mcp-server" width="320" height="64" /></a>

More MCP Servers