UIShelf MCP Server
Provides integration with Chakra UI as a package-based UI component source, allowing discovery and installation of Chakra UI components.
Provides integration with Mantine as a package-based UI component source, allowing discovery and installation of Mantine components.
Provides integration with MUI (Material UI) as a package-based UI component source, allowing discovery and installation of MUI components.
Enables discovery, inspection, and installation of UI components from the shadcn/ui registry with compatibility resolution and integrity tracking.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@UIShelf MCP Serverfind an animated pricing section that fits my stack and dry-run install it"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
💡 What is UIShelf?
UIShelf is NOT another UI component library.
UIShelf is the resolution layer and universal discovery engine between developers and the entire React UI ecosystem.
Rather than maintaining a hardcoded catalog, UIShelf operates as a dynamic multi-platform aggregator and search proxy. When you search, it queries remote platforms concurrently using their native schemas and endpoints. When you install, it executes their upstream CLI commands in the background while giving you a single, unified uishelf add interface!
Core Promise:
Search every great UI source → Understand compatibility → Preview & inspect → Choose the best component → Install safely.
Everything runs on the exact same core engine across all interfaces:
🌐 Web Platform: Interactive search catalog, preview drawer, provider analytics, library comparison (
/compare).⚡ Interactive CLI (
uishelf): Instant component discovery, dry-run install plans, doctor diagnostics, smart add.🤖 Model Context Protocol (MCP): Native stdio & remote tools allowing Cursor, Claude, Antigravity, and Windsurf AI agents to safely discover, inspect, and install UI components.
Related MCP server: ui-registry-mcp
⚡ Dynamic Multi-Platform Aggregation & Background Execution
Remote Search Proxy: Searching e.g.
uishelf search buttonqueries official shadcn registries (/r/index.json), Magic UI, Aceternity, 21st, React Bits, Ruixen, Cult UI, ReUI, Kokonut UI, and NPM package registries in parallel with an automatic 2.5s network timeout and instant local caching.Unified Developer Interface: You only ever need to run:
uishelf add <component-id>Native Commands Run in Background: UIShelf runs the upstream provider's native command in the background (
npx shadcn@latest add ...,pnpm add @mui/material ...,npx 21st@latest add ...) adapted to your package manager (pnpm dlx,bunx --bun, ornpx).Automatic Transactional Fallback: If the upstream CLI tool fails or if you are offline, UIShelf automatically falls back to its built-in transactional file and dependency installer, ensuring installations never fail!
📦 Supported Libraries & Discovery Matrix
Inspect all supported libraries directly in your terminal via uishelf providers list or uishelf libs:
Library / Registry | Type | Search Schema / Endpoint | Background Install Command | Stacks Supported | Key Capabilities |
shadcn/ui |
| Remote Index ( |
| Tailwind v3/v4, React 19, Radix | WAI-ARIA Accessible, Zero-runtime CSS |
Magic UI |
| Remote Index ( |
| Tailwind v3/v4, React 19, Motion | 200+ Animated items, Canvas shaders, Bento |
Aceternity UI |
| Remote Index ( |
| Tailwind v3/v4, React 19, Motion | Radiant Hero sections, 3D Pin, Lamp effect |
21st.dev |
| Marketplace API ( |
| Tailwind v3/v4, React 19, Motion | Marketplace, Creator registry, Multi-style |
React Bits |
| Remote Index ( |
| Tailwind v3/v4, React 19, Motion | Physics text, Magnetic cursor, Ballpit |
Ruixen UI |
| Multi-Stack API ( |
| Tailwind v4/v3, Radix, Base UI | Multi-stack variant selector |
Cult UI |
| Remote Index ( |
| Tailwind v3/v4, React 19, Motion | Tactile neumorphism, Cyberpunk blocks |
ReUI |
| Remote Index ( |
| Tailwind v3/v4, React 19 | SaaS hero blocks, Notification banners |
Animate UI |
| Remote Index ( |
| Tailwind v3/v4, React 19, Motion | Spring physics primitives, Morphing dialogs |
Kokonut UI |
| Remote Index ( |
| Tailwind v3/v4, React 19, Lucide | AI prompt inputs, Interactive commands |
MUI (Material UI) |
| NPM Search API ( |
| Emotion, MUI System, React 18/19 | Google Material Design 3, DataGrid |
Mantine |
| NPM Search API ( |
| PostCSS, CSS Modules, React 18/19 | 100+ components, 50+ hooks, Dark theme |
Chakra UI |
| NPM Search API ( |
| Emotion, React 18/19 | Style props DX, Accessible WAI-ARIA |
🛠️ CLI Commands
uishelf init # Initialize UIShelf in current project
uishelf search <query> # Hybrid search across all registries (alias: uishelf s)
uishelf browse # Interactive component browser
uishelf inspect <component> # Deep dive into component code, AST, and dependencies
uishelf add <component> # Install component with dependency resolution (alias: uishelf a)
uishelf remove <component> # Safely uninstall component and update lockfile
uishelf update # Check for upstream registry component updates
uishelf installed # List all installed components and integrity hashes
uishelf diff <component> # Preview changes against current local files
uishelf doctor # Run comprehensive stack, dependency & provider health check
uishelf providers list # List all active and discovered providers
uishelf providers sync # Synchronize with official shadcn registry index
uishelf providers add # Add a custom enterprise or community registry
uishelf auth login <id> # Authenticate with an authenticated provider
uishelf config # View or configure provider allowlist, min-score, etc.
uishelf cache clear # Purge local registry cache
uishelf mcp # Start Model Context Protocol server (stdio mode)🤖 Model Context Protocol (MCP) Setup
Add UIShelf to your claude_desktop_config.json, Cursor, or Antigravity MCP settings:
{
"mcpServers": {
"uishelf": {
"command": "npx",
"args": ["-y", "uishelf", "mcp"]
}
}
}Exposed MCP Tools:
search_components: Hybrid discovery with stack contextinspect_component: Inspect code, score breakdown, and prerequisitescompare_components: Side-by-side component or provider comparisondetect_project: Full project stack diagnosticget_install_plan: Non-destructive install plan calculationinstall_component: Transactional installation with confirmationdoctor: Project and provider health diagnostics
📦 Modular Packages on NPM
All packages are published under the @uishelf scope and the main uishelf CLI on the npm registry:
Package | Version | Description |
| Production CLI, terminal UX, and stdio MCP command | |
| Central orchestration engine uniting all packages | |
| Canonical Zod schemas & TypeScript definitions | |
| React 18/19, Next.js 14/15, Tailwind v3/v4 detector | |
| Zero-API-key BM25 + fuzzy hybrid search engine | |
| Dependency resolution & multi-variant routing engine | |
| 9-factor transparent scoring algorithm | |
| Official shadcn registry synchronizer & seed catalog | |
| Pluggable provider system (shadcn, 21st, Ruixen, etc.) | |
| Transactional planner with backup & rollback safety | |
| Path traversal guard & AST safety validator | |
| Secret store with on-demand auth & redaction | |
| Hierarchical configuration manager ( | |
| Fast filesystem & memory caching with offline support | |
| Stdio Model Context Protocol (MCP) server |
🤝 Contributing & Community
We warmly welcome community contributions, provider adapters, bug fixes, and feature proposals!
📖 Read our Contributing Guide to set up your local development environment.
📜 Review our Code of Conduct for community standards.
💡 Have an idea for a new UI Provider? Request a Provider or open a PR.
💬 Join the conversation on GitHub Discussions.
🛡️ Security
Security and code safety are top priorities. Please review our Security Policy to report vulnerabilities privately or learn about our static AST safety checks.
📄 License
MIT © Shaswat Raj
This server cannot be deployed
Maintenance
Related MCP Connectors
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
Package intelligence for AI agents across npm, PyPI, crates.io and deps.dev. No API keys.
Package intelligence for AI agents across npm, PyPI, crates.io and deps.dev. No API keys.
Related MCP Servers
AlicenseBqualityDmaintenanceEnables AI assistants to discover, search, and retrieve Ruixen UI components from the live registry, providing installation commands for MCP-compatible clients.38 npm1MIT- AlicenseAqualityBmaintenanceProvides coding agents live access to shadcn-style component registries, enabling them to search, compare, and fetch real component source code for UI composition.561 npm5MIT
- AlicenseNot gradedqualityBmaintenanceEnables AI agents to search for and fetch pre-vetted, production-safe 3D and motion components (React Three Fiber & GSAP) for injection into Next.js apps via AST-safe edits.114 npmMIT
- AlicenseNot gradedqualityCmaintenanceFederates UI component registries, enabling AI agents to fetch exact component code, dependencies, and setup prerequisites directly into the workspace. Includes sandboxed previews, anti-slop layout auditing, and offline-to-cloud telemetry sync.5 npm1MIT