Jpisnice/shadcn-ui-mcp-server
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
What it solves
It simplifies the integration of shadcn/ui v4 components into AI-powered development workflows. Instead of manually searching for and copying component code, AI assistants can directly access and retrieve the latest source code, demos, and metadata for UI components across multiple frameworks.
How it works
The project is a Model Context Protocol (MCP) server that acts as a bridge between AI assistants (like Claude Desktop or Cursor) and the shadcn/ui ecosystem. It connects to GitHub to fetch TypeScript source code, blocks, and configuration details. It supports multiple transport modes, including standard input/output (stdio) and a streamable HTTP endpoint for production deployments, and includes smart caching to handle GitHub API rate limits.
Who it’s for
Developers using AI assistants to build user interfaces who want to quickly implement components from shadcn/ui, shadcn-svelte, shadcn-vue, or react-native-reusables.
Highlights
- Multi-Framework Support: Provides access to React, Svelte, Vue, and React Native implementations.
- Comprehensive Access: Retrieves component source code, example demos, and complete blocks (e.g., dashboards and forms).
- Flexible Deployment: Can be run via npx, Docker, or as a stateless HTTP server.
- Smart Tooling: Includes argument completion for component names and package managers, and supports the 2026-07-28 MCP specification.
Related
- Project
- Project
- Project
- Project
- Project