| name | shadcn-ui-mcp-server |
| description | Use the shadcn/ui MCP server to fetch, inspect, and apply shadcn/ui components, blocks, and themes directly into your project. Use when you need to add shadcn/ui components, browse the component library, get component demos and metadata, apply themes, or work with shadcn/ui blocks. Supports React, Svelte, Vue, and React Native. |
| license | MIT |
| metadata | {"author":"Jpisnice","version":"1.0.0"} |
shadcn/ui MCP Server
An MCP server that lets you fetch, inspect, and apply shadcn/ui components, blocks, and themes directly into your project.
When to Use This Skill
Apply when:
- Adding shadcn/ui components to a project
- Browsing the shadcn/ui component library
- Getting component demos, metadata, or source code
- Applying shadcn/ui themes
- Working with shadcn/ui blocks (larger pre-built sections)
- Building with shadcn/ui in React, Svelte, Vue, or React Native
Setup
Install and run the MCP server:
npx @jpisnice/shadcn-ui-mcp-server
Configure it as an MCP server in your client (VS Code, Claude, Cursor, etc.) pointing to the npx command above.
Available Tools
Component Tools
- get_component — Fetch the full source code of a shadcn/ui component
- get_component_demo — Get a live demo/preview of a component
- list_components — List all available shadcn/ui components
- get_component_metadata — Get metadata about a component (props, dependencies, etc.)
Block Tools
- get_block — Fetch a shadcn/ui block (larger pre-built section)
- list_blocks — List all available blocks
Theme & Structure Tools
- get_directory_structure — Get the project's directory structure
- apply_theme — Apply a shadcn/ui theme to the project
Framework Support
The shadcn/ui MCP server supports:
- React (default)
- Svelte
- Vue
- React Native
Workflow
- List components to see what's available
- Get component metadata to understand props and dependencies
- Fetch the component source to add it to your project
- Get a demo to see how it looks and behaves
- Apply a theme to match your design system
- Use blocks for larger, pre-built sections
Resources
