shadcn/ui MCP Server

Access shadcn/ui component library with Tailwind CSS styling

⚡ Quick Install with Claude Code MCP Guide

Connect Claude Code to any remote MCP server with one simple command. Choose between direct HTTP connections or a universal bridge - all configured automatically with our setup wizard.

Get the Claude Code MCP Setup Guide →

🔌 Test Connection

Test your connection to the shadcn/ui MCP server. Since shadcn/ui is free and open-source, you only need the MCP server API key.

MCP Server API Key (x-api-key)

📡 API Endpoint & Required Headers

POST https://shadcn.mcp.majewscy.tech

Required HTTP Headers:

Content-Type: application/json

x-api-key: Your MCP server API key

🛠️ Available Tools

get_component

Retrieve component code

list_components

List available components

customize_theme

Customize component theme

generate_form

Generate form components

create_layout

Create page layouts

add_animations

Add animations to components

⚠️ Common Errors & Solutions

Component Not Found

Component does not exist

Solution: Check component name

Invalid Configuration

Theme config invalid

Solution: Verify theme settings

Dependency Missing

Required package missing

Solution: Install required dependencies

Version Mismatch

Incompatible versions

Solution: Update to compatible versions

🏥 Service Health Check

Checking...

Response Time

Server Status

Protocol Version

2024-11-05

Last Checked

Configuration

// Claude Desktop: ~/Library/Application Support/Claude/claude_desktop_config.json (macOS)
// Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": [
        "-y",
        "@shadcn/mcp-server@latest"
      ],
      "env": {
        
      }
    }
  }
}

// HTTP Wrapper Configuration (for remote access)
{
  "shadcn": {
    "type": "http",
    "url": "https://shadcn.mcp.majewscy.tech",
    "headers": {
      "x-api-key": "YOUR_API_KEY"
    }
  }
}

// Claude Code: .mcp.json in your project root
{
  "shadcn": {
    "command": "npx",
    "args": [
      "-y",
      "@shadcn/mcp-server@latest"
    ],
    "env": {
      
    }
  }
}

Features

Enterprise-grade shadcn/ui integration for AI assistants

🎨

Component Library

Access to shadcn/ui component library.

💅

Tailwind CSS

Styled with Tailwind CSS utilities.

🔧

Customizable

Fully customizable component system.

📦

Copy & Paste

Copy components directly into your project.

🌙

Dark Mode

Built-in dark mode support.

♿

Accessible

WCAG compliant accessibility features.

📋 MCP Server Updates Changelog

Loading... Checking for updates...

Fetching latest changes...

🔄 GitHub Updates

Loading GitHub updates...