MCP Server LogoMCP Server
MCPsCategoriesDirectorySubmit
Submit
MCPsCategoriesDirectorySubmit
Submit

MCP Servers

A curated list of MCP Servers, featuring Awesome MCP Servers and Claude MCP integration.

Contact Us

[email protected]

About

Privacy PolicyTerms of Service

Resources

Model Context ProtocolMCP Starter GuideClaude MCP Servers

Community

GitHub

© 2025 mcpserver.cc © 2025 MCP Server. All rights reserved.

Privacy PolicyTerms of Service
  1. Home
  2. /Categories
  3. /Developer Tools
  4. /Shadcn Ui Mcp Server
Shadcn Ui Mcp Server

Shadcn Ui Mcp Server

Created by heilgar•20 days ago
Visit Website

Developer Tools
shadcnmcp-serverui-components

Shadcn UI MCP Server

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.

Shadcn UI Server MCP server

Features

Tools

The MCP server provides a set of tools that can be used through the Model Control Protocol:

  • 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

Functionality

  • Component Management

    • List available shadcn/ui components
    • Get detailed documentation for specific components
    • Install components with support for multiple package managers (npm, pnpm, yarn, bun)
  • Block Management

    • List available shadcn/ui blocks
    • Get documentation and code for specific blocks
    • Install blocks with support for multiple package managers
  • Package Manager Support

    • Flexible runtime support for npm, pnpm, yarn, and bun
    • Automatic detection of user’s preferred package manager

Installation

Prerequisites

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

Claude Desktop Configuration

To use with Claude Desktop, add the server config:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json On Windows: %APPDATA%/Claude/claude_desktop_config.json

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

Windsurf Configuration

Add this to your ./codeium/windsurf/model_config.json:

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

Cursor Configuration

Add this to your .cursor/mcp.json:

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

Development and Debugging

Local Development

  1. Install dependencies:
npm install
  1. Build the server:
npm run build

Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the MCP Inspector for debugging:

npm run inspector

The Inspector will provide a URL to access debugging tools in your browser, allowing you to:

  • Monitor MCP communication
  • Inspect tool calls and responses
  • Debug server behavior
  • View real-time logs

Related Projects and Dependencies

This project is built using the following tools and libraries:

  • Model Context Protocol TypeScript SDK - The official TypeScript SDK for MCP servers and clients
  • MCP Inspector - A debugging tool for MCP servers
  • Cheerio - Fast, flexible, and lean implementation of core jQuery designed specifically for the server

License

MIT License - feel free to use this project for your own purposes.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Prerequisites

  • •Familiarity with the server domain
  • •Basic understanding of related technologies
  • •Knowledge of Developer Tools

Recommended Server

Mcp Gmail Gas

Mcp Gmail Gas

Mcp Idb

Mcp Idb

MCP server for fb-idb bridge.

Mcp Server Bluesky

Mcp Server Bluesky

MCP server for interacting with Bluesky

View more → →

Details

Created

June 11, 2025

Last Updated

June 11, 2025

Category

Developer Tools

Author

heilgar

Share

More Server

Ragdocs

Ragdocs

MCP server for RAG-based document search and management

Mcp Server Qrcode

Mcp Server Qrcode

Model Context Protocol server for generating QR codes

Mcp Twitter Server

Mcp Twitter Server

Model Context Protocol Server for Accessing twitter

Mcp Server Serper

Mcp Server Serper

Serper MCP Server supporting search and webpage scraping