Shadcn MCP - Shadcnblocks.com
AI-Powered Block Installation via Shadcn MCP
Use natural language to browse and install 2018+ blocks. Ask your AI assistant to “add a pricing section” and watch it happen. All our blocks are discoverable and installable with shadcn MCP server.
Here are some of the best hero blocks from the shadcnblocks registry:
🔥 Top Picks - Interactive & Animated
| Block | Description |
|---|---|
| hero236 | Dynamic 3D cloud of icons with rotating technology logos |
| hero238 | Premium benefits display with fading animated note cards |
| hero223 | Centered headline with shadow text effect and animation |
| hero218 | Particle background with 3D text animation |
🎬 Video-Focused Heroes
| Block | Description |
|---|---|
| hero116 | Video pop-up feature with headline and interactive image |
| hero146 | Gradient button with video teaser section |
| hero149 | Demo and video buttons, benefits list, large image |
Install Now With Your IDE
The shadcn MCP server integrates with all major AI-powered development tools. Select your IDE to see the install command.
terminalQuick install
pnpm dlx shadcn@latest mcp init --client cursor
.cursor/mcp.jsonManual setup
{
"mcpServers": {
"shadcn": {
"command": "npx",
"args": ["shadcn@latest", "mcp"]
}
}
}
Run the command or add the config manually, then restart your IDE.
What is MCP?
Model Context Protocol (MCP) is an open protocol that enables AI assistants to securely connect to external data sources and tools. With the shadcn MCP server, your AI assistant gains direct access to component registries.
Browse Components
List all available components, blocks, and templates from any configured registry.
Search Across Registries
Find specific components by name or functionality across multiple sources.
Install with Natural Language
Add components using simple conversational prompts like “add a login form”.
Multiple Registries
Access public registries, private company libraries, and third-party sources.
How It Works
The MCP server acts as a bridge between your AI assistant, component registries, and the shadcn CLI.
1
Registry Connection
MCP connects to configured registries (shadcn/ui, private registries, third-party sources like Shadcnblocks).
2
Natural Language
You describe what you need in plain English—“add a hero section with a gradient background”.
3
AI Processing
The assistant translates your request into registry commands and finds the best matching components.
4
Component Delivery
Resources are fetched and installed directly into your project with all dependencies.
Supported Registries
The shadcn MCP server works out of the box with any shadcn-compatible registry.
shadcn/ui Registry
The default registry with all official shadcn/ui components.
Shadcnblocks
500+ production-ready blocks and page sections for your projects.
Third-Party Registries
Any registry following the shadcn registry specification.
Private Registries
Your company's internal component libraries with authenticated access.
Start Building with AI
Configure the MCP server and start asking your AI assistant to add components.