shadcn-ui-mcp-server
About
A powerful and flexible MCP server designed to enhance the development experience with Shadcn UI components, providing tools for component management, documentation, and installation.
Details
- Author
- heilgar
- Categories
- Developer Tools, Community, Other
Jump to
Setup
Install shadcn-ui-mcp-server in your MCP client (Claude Desktop, Cursor, Windsurf, and others).
Repository: https://github.com/heilgar/shadcn-ui-mcp-server
Follow the installation instructions in the repository README, then restart your MCP client.
A powerful and flexible MCP server designed to enhance the development experience with Shadcn UI components, providing tools for component management, documentation, and installation.
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.
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
- List available shadcn/ui components
- Get detailed documentation for specific components
- Install components with support for multiple package managers (npm, pnpm, yarn, bun)
- List available shadcn/ui blocks
- Get documentation and code for specific blocks
- Install blocks with support for multiple package managers
- Flexible runtime support for npm, pnpm, yarn, and bun
- Automatic detection of user's preferred package manager
- Node.js (v18 or higher)
- npm or yarn package manager
To use with Claude Desktop, add the server config:
On MacOS:~/Library/Application Support/Claude/claude_desktop_config.jsonOn Windows:%APPDATA%/Claude/claude_desktop_config.json
{ "mcpServers": { "shadcn-ui-server": { "command": "npx", "args": ["@heilgar/shadcn-ui-mcp-server"] } } }
Add this to your./codeium/windsurf/model_config.json:
{ "mcpServers": { "shadcn-ui-server": { "command": "npx", "args": ["@heilgar/shadcn-ui-mcp-server"] } } }
{ "mcpServers": { "shadcn-ui-server": { "command": "npx", "args": ["@heilgar/shadcn-ui-mcp-server"] } } }
Since MCP servers communicate over stdio, debugging can be challenging. We recommend using theMCP Inspectorfor debugging:
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
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
MIT License - feel free to use this project for your own purposes.
Contributions are welcome! Please feel free to submit a Pull Request.
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
A Model Context Protocol (MCP) server that enables AI assistants to integrate with Prometheus Alertmanager
A comprehensive MCP server for tooling interactions(40+) and resource accessibility(60+) plus many useful prompts to interact with Algorand Blockchain.
An MCP server that provides control over Android devices through ADB. Offers device screenshot capture, UI layout analysis, package management, and ADB command execution capabilities.
A Binary Ninja plugin, MCP server, and bridge that seamlessly integrates Binary Ninja with your favorite MCP client.
integration that connects BloodHound with AI through MCP, allowing security professionals to analyze Active Directory attack paths using natural language queries instead of Cypher.
A specialized MCP gateway for LLM enhancement prompts and jailbreaks with dynamic schema adaptation. Provides prompts for different LLMs using an enum-based approach.
Obtains latest dependency details for Clojure libraries.
A Model Context Protocol (MCP) server for CODESYS V3 programming environments.
Analyze large codebases and document collections using high-context models via OpenRouter, OpenAI, or Google AI -- very useful, e.g., with Claude Code
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
