Shadcn UI MCP Server

MCP server providing shadcn/ui components to AI assistants

MCP server enabling AI access to shadcn/ui v4 components, blocks, and demos. Supports React, Svelte, Vue, and React Native implementations to accelerate AI-powered development workflows.

Author: Jpisnice

Stars: 2,748

GitHub

Install: npx @jpisnice/shadcn-ui-mcp-server --github-api-key YOUR_TOKEN

Key Features

• AI access to all shadcn/ui v4 components and blocks
• Support for React, Svelte, Vue, and React Native implementations
• Access to component source code and live demos
• Smart caching for optimized performance
• Docker support for easy deployment
• Structured component metadata for AI processing

Use Cases

• AI-assisted development — AI assistants provide accurate shadcn/ui component implementations in real-time, reducing development time.
• Multi-framework projects — Enables consistent component design across different frameworks with framework-specific implementations.
• Design system documentation — AI can automatically generate documentation from component source code and examples.
• Component selection optimization — AI understands available components and suggests optimal choices for specific use cases.