shadcn-ui-mcp-server

Jpisnice/shadcn-ui-mcp-server

★ 2,697 stars TypeScript 🤖 AI/LLM Updated 1mo ago

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

View on GitHub →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

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

README Excerpt

> **🚀 The fastest way to integrate shadcn/ui components into your AI workflow** A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to [shadcn/ui v4](https://ui.shadcn.com/) components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow.

Tools (6)

GITHUB_PERSONAL_ACCESS_TOKENMCP_CORS_ORIGINSMCP_HOSTMCP_PORTMCP_TRANSPORT_MODEUI_LIBRARY

Topics

aiexpomcpmodelcontextprotocolnextjsnpmnpm-packagenpxreactreact-nativeshadcn-uisveltesveltekittstypescript

shadcn-ui-mcp-server

Quick Install

README Excerpt

Tools (6)

Topics

Related AI/LLM Servers