Shadcn Ui MCP Server

MCP server for shadcn/ui component references

Local serverstdioTypeScript

What is the Shadcn Ui MCP server?

Shadcn Ui becomes available to MCP clients through the shadcn ui mcp server. MCP server for shadcn/ui component references.

What Shadcn Ui does

A powerful and flexible MCP (Model Control Protocol) server designed to enhance the development experience with Shadcn UI components. This server provides a robust foundation for building and managing UI components with advanced tooling and functionality.

Tools it exposes

Once connected, the assistant can call these 10 tools directly:

  • list-components — Get the list of available shadcn/ui components
  • get-component-docs — Get documentation for a specific component
  • install-component — Install a shadcn/ui component
  • list-blocks — Get the list of available shadcn/ui blocks
  • get-block-docs — Get documentation for a specific block
  • install-blocks — Install a shadcn/ui block
  • Tools — The MCP server provides a set of tools that can be used through the Model Control Protocol:
  • Functionality — The Functionality tool exposed by this server
  • Prerequisites — The Prerequisites tool exposed by this server
  • Debugging — Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the [MCP

Installing the shadcn ui mcp server

Setup follows the standard MCP pattern: clone or install the server, then register it in your client's configuration file and restart the client. The configuration snippets on this page cover Claude Desktop, Claude Code and Cursor.

Requirements

  • Node.js (v18 or higher) - npm or yarn package manager

Where it fits

Knowledge and memory servers address the most frustrating trait of language models — walking into every conversation with no recollection of the last one. Shadcn Ui sits in that group, and the shape of its toolset — list-components, get-component-docs, install-component among others — tells you what it is really for. Worth comparing against the other knowledge memory servers in this directory before you commit to one, since several overlap in scope but differ sharply in setup cost and permissions.

Practical notes

  • This server runs locally, so it operates with whatever access your machine and its credentials already have. Scope that deliberately rather than by default.
  • With 10 tools exposed, expect a noticeable bump in prompt size — disable it in projects that never use Shadcn Ui.
  • Maintained by heilgar, written in TypeScript.
  • MCP clients ask for confirmation before each tool call by default. Keep that on while you learn what the shadcn ui mcp server actually does with your data.
  • Every entry in this directory is reviewed by hand before it goes live, and details are checked against the project's own documentation.

Available tools

ToolWhat it does
list-componentsGet the list of available shadcn/ui components
get-component-docsGet documentation for a specific component
install-componentInstall a shadcn/ui component
list-blocksGet the list of available shadcn/ui blocks
get-block-docsGet documentation for a specific block
install-blocksInstall a shadcn/ui block
ToolsThe MCP server provides a set of tools that can be used through the Model Control Protocol:
FunctionalityThe Functionality tool exposed by this server.
PrerequisitesThe Prerequisites tool exposed by this server.
DebuggingSince MCP servers communicate over stdio, debugging can be challenging. We recommend using the [MCP Inspector](https://github.com/modelcontextprotocol/inspector) for debugging:

How to install the Shadcn Ui MCP server

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

Configuration as documented by the project. Restart the client after saving.

Configuration

  • Node.js (v18 or higher) - npm or yarn package manager

Example prompts to try

  • Use Shadcn Ui to list-components.
  • Use Shadcn Ui to get-component-docs.
  • Use Shadcn Ui to install-component.

Frequently asked questions

It connects Shadcn Ui to MCP-compatible AI assistants such as Claude and Cursor, exposing 10 tools (list-components, get-component-docs, install-component, and more) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with Shadcn Ui directly.