How do I install the shadcn ui mcp server?

Use a recorded configuration for your client, replace example credential values and paths, and verify the documented runtime. Restart or reconnect the client, then inspect the available tools.

SSyncDev

Start a project

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.

Requirements

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

Practical notes

Maintained by heilgar, written in TypeScript.

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

Tool	What it does
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

How to install the Shadcn Ui MCP Server

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

From the project documentation. Replace placeholders and example paths before connecting.

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

MCP server for shadcn/ui component references Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.