Shadcn Space MCP
This server lets AI coding agents discover, search, install, and manage Shadcn Space UI blocks, components, and full landing pages directly in a project.
Explore blocks & components: List all 14 block categories, free/pro blocks, components, and full pages.
Search: Find blocks and pages by keyword, category, tag, or free-only filter.
Install: Get official install commands, import paths, JSX examples, and style options (base/radix) for blocks and pages.
Manage installed items: List blocks and pages already installed in the project and inspect their files.
Get architecture guidance: Access landing page section sequence, container standards, spacing cadence, and customization limits.
Diagnose issues: Use self-healing error handling for license errors, missing config, and CLI failures.
Follow best practices: Use audit checklist for style, package manager, license, and navbar deduplication rules.
Use built-in prompts: Speed up work with prompts for building landing pages, adding hero/pricing/feature sections, creating UI, and searching.
shadcnspace-mcp
Official Model Context Protocol (MCP) server for Shadcn Space.
This MCP server allows AI-powered IDEs and coding agents (Cursor, Windsurf, Claude Desktop, Cline, Antigravity, etc.) to discover, search, install, and architect Shadcn Space UI blocks, landing pages, and components directly inside your project — with zero copy-pasting.
Quick Installation
Using the CLI
npx shadcnspace-cli install <client>Supported Clients
cursor
windsurf
claude
cline
antigravity
Related MCP server: shadcn-vue-mcp
Manual Installation
Add to your IDE or client's MCP configuration (mcpServers):
{
"mcpServers": {
"shadcnspace-mcp": {
"command": "npx",
"args": ["-y", "shadcnspace-mcp@latest"]
}
}
}For more details, visit our documentation: How to use MCP Server
Available Tools
The server provides 14 specialized tools callable via MCP:
Tool Name | Description |
| Returns all 14 block categories ( |
| Lists blocks with license info ( |
| Lists only 100% free Shadcn Space blocks that do not require any license. Supports optional category and keyword filters. |
| Lists base components with search query and license filter ( |
| Returns official installation command, component export name, import path, JSX example, style options (base/radix), and license requirements for a specific block. |
| Search blocks by keyword, category, and optional |
| Lists blocks currently installed in the user's project and gets their files. |
| Lists all Shadcn Space full pages. |
| Returns official installation command, export name, import path, usage example, and style options for a specific full page. |
| Search full pages using keywords or tags. |
| Lists pages currently installed in the project. |
| Comprehensive UI/UX landing page architecture: section sequence (Hero -> Logos -> Features -> Testimonials -> Pricing -> FAQ -> CTA -> Footer), container standards, and vertical spacing cadence. |
| Self-healing diagnostic tool for resolving license errors, missing |
| Mandatory workflow rules for AI agents: style check (base/radix), package manager detection, license handling, and navbar deduplication. |
Note on Licensing: All pages and PRO blocks require a valid license key and email configured under registries in
components.json. Free blocks can be installed directly without any license.
Available Prompts
The server provides 7 rich prompts to accelerate UI architecture:
Prompt / Command | Description |
| Step-by-step guidance for an AI agent to architect and assemble a complete, high-converting landing page. |
| Find, install, and integrate a high-impact hero block into an existing page. |
| Add a multi-tier pricing table with monthly/annual billing toggles. |
| Add a modern feature showcase or bento grid section. |
| General prompt to architect a full UI page using Shadcn Space blocks. |
| Find specific UI blocks by topic or keyword. |
| Strict guidelines defining which parts of installed blocks can be safely customized (text only). |
Testing & Debugging with MCP Inspector
You can interactively inspect, test, and debug all tools and prompts in your browser using the official MCP Inspector:
npm run inspectorExample Agent Usage
Once configured in your AI IDE, you can ask prompts like:
"Show me all free hero blocks available in Shadcn Space."
"Build a complete SaaS landing page for an AI productivity app using hero, bento features, testimonials, pricing, and FAQ."
"Give me the install command and import statement for
pricing-01in base style."
"What categories of blocks are available in Shadcn Space?"
Agent Instructions (Claude / Cursor / Windsurf)
To ensure your AI assistant follows official Shadcn Space best practices (checking Base vs Radix, package managers, and avoiding duplicate navbars), copy the system prompt in claude-instructions.md into your .cursorrules, .windsurfrules, or Claude Project Instructions.
License & Credits
Created by Shadcn Space.
Available Tools
5 toolsgetBlockInstallGet Block Installation CommandA
Returns the official installation command for a specific Shadcn Space block. Agents can use this to add a block to the project automatically before customizing it.
Inputs: name (required).
listBlocksList All BlocksA
Provides a complete list of all Shadcn Space blocks that can be used in a project. Agents can use this to explore available block types before deciding which ones to add or customize.
Inputs: no named parameters.
listComponentsList All ComponentsA
Provides a full list of Shadcn Space components. Agents can use this to discover components to build pages or sections within a project.
Inputs: no named parameters.
listInstalledBlocksList Installed BlocksA
Lists all blocks that are currently installed in the project. Agents can use this to determine which blocks are available for customization or updating, and optionally filter by specific block names.
Inputs: names.
searchBlocksSearch Blocks by KeywordA
Search Shadcn Space blocks using keywords or tags. Agents can use this to find relevant blocks when building a page based on user requirements or content type.
Inputs: query (required).
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 5 tools
Tools have distinct purposes: listing all blocks, installed blocks, components, searching, and getting install commands. Slight potential confusion between listBlocks and listInstalledBlocks, but descriptions clarify the difference.
All tools follow a verb+object pattern in camelCase (e.g., listBlocks, getBlockInstall). The pattern is consistent, though some names are multi-word (getBlockInstall) while others are two words (listBlocks).
Five tools is well-scoped for a server focused on managing Shadcn Space blocks and components, providing essential discovery and installation information without being excessive.
Covers listing, searching, and install commands. Missing tools for adding/removing or customizing blocks, but the server's purpose appears informational, and agents can use the install command from getBlockInstall via shell.
Maintenance
Related MCP Connectors
Find, read and install shadcn components with Salesforce Lightning's look, for Radix and Base UI.
Search, read and install ReUI shadcn components, examples, blocks and icons from your coding agent.
Design System Manager for shadcn/ui: tokens, fonts, radius, components, icons, blocks, Figma sync.
Official Duck Framework MCP server for AI-assisted development and project scaffolding.
Related MCP Servers
- AlicenseAqualityBmaintenanceA mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation107,100 npm3,093MIT
- AlicenseBqualityDmaintenanceShadcn-vue MCP Server is a powerful AI-driven tool that helps developers instantly create beautiful, modern UI components through natural language descriptions. It integrates the shadcn-vue component library and tailwindcss, seamlessly connects with mainstream IDEs, and provides a streamlined UI dev5511 npm109Apache 2.0
- AlicenseNot gradedqualityDmaintenanceThis MCP server provides tools to install and manage shadcn/ui components directly from AI coding agents.2MIT
- AlicenseAqualityDmaintenanceA secure MCP server that gives AI coding assistants direct access to the shadcn/ui registry, enabling fetching, installing, and wiring up components without switching context.819 npm4MIT