← all repositories
Jpisnice/shadcn-ui-mcp-server

Stop Pasting shadcn/ui Docs Into Your Chatbot

An MCP bridge that lets AI assistants read live shadcn/ui v4 source code, demos, and metadata across four frameworks instead of making it up.

3k stars TypeScript Coding Assistants
shadcn-ui-mcp-server
Velocity · 7d
+23
★ / day
Trend
accelerating
star history

What it does This MCP server sits between your AI assistant and the shadcn/ui GitHub repositories, serving as a structured lookup layer for component source code, demos, block implementations, and dependency metadata. It covers React, Svelte, Vue, and React Native variants by querying the respective upstream repos and exposing the results as MCP tools. Compatible editors and agents can then request framework-specific implementations without relying on stale training data.

The interesting bit The server does the obvious-but-annoying work of caching GitHub API responses and respecting rate limits, which keeps an assistant from burning through its hourly budget while iterating on a UI. It also packages the entire runtime into an .mcpb bundle for one-click Claude Desktop installation, turning a multi-step integration into a double-click affair.

Key highlights

  • Covers React (with Radix or Base UI primitives), Svelte, Vue, and React Native shadcn implementations
  • Fetches live component source, usage demos, complete blocks, and configuration metadata from GitHub
  • Unauthenticated GitHub API access is limited to 60 requests/hour; a personal token raises the ceiling to 5,000
  • Supports SSE transport and Docker deployment for persistent, multi-client setups
  • Ships an MCPB bundle for Claude Desktop integration without manual server configuration

Caveats

  • Unauthenticated GitHub API access is capped at 60 requests per hour, so practical use with an active assistant likely requires a personal token
  • React, Svelte, Vue, and React Native support are backed by separate third-party repositories, meaning coverage and freshness depend on those maintainers
  • The README is rich with quickstart snippets but sparse on internal architecture, caching mechanics, or failure modes

Verdict A solid addition if you already live inside an MCP-capable editor like Claude Code or Cursor and scaffold UIs with shadcn/ui regularly. Skip it if you do not use an AI assistant for coding or rarely reach for component libraries.

Frequently asked

What is Jpisnice/shadcn-ui-mcp-server?
An MCP bridge that lets AI assistants read live shadcn/ui v4 source code, demos, and metadata across four frameworks instead of making it up.
Is shadcn-ui-mcp-server open source?
Yes — Jpisnice/shadcn-ui-mcp-server is open source, released under the MIT license.
What language is shadcn-ui-mcp-server written in?
Jpisnice/shadcn-ui-mcp-server is primarily written in TypeScript.
How popular is shadcn-ui-mcp-server?
Jpisnice/shadcn-ui-mcp-server has 3k stars on GitHub and is currently accelerating.
Where can I find shadcn-ui-mcp-server?
Jpisnice/shadcn-ui-mcp-server is on GitHub at https://github.com/Jpisnice/shadcn-ui-mcp-server.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.