shadcn/ui MCP
Use the shadcn MCP server to browse, search, and install components from registries.
How to install
With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.
You can also open the Extensions panel in the app and search for shadcn/ui MCP. The extension's id is shadcn-mcp.
Don't have Forge Super yet? Download it here.
README
From the extension's repository, written by its authors and not by Mentenaz. See the source.
shadcn/ui MCP Extension for Zed
A Zed extension that integrates the shadcn MCP server for AI-powered component management and registry browsing.
Features
- Browse and search shadcn/ui components from any registry
- Install components using natural language prompts
- Support for multiple registries and namespaces
- Private registry authentication via environment variables
- Works with any shadcn-compatible registry
Installation
From Zed Extensions
- Open Zed
- Press
Cmd+Shift+P(Mac) orCtrl+Shift+P(Linux/Windows) - Type "extensions" and select "Extensions: Install Extensions"
- Search for "shadcn/ui MCP"
- Click Install
As Dev Extension (for development)
- Clone this repository
- Open Zed
- Press
Cmd+Shift+Pand select "Extensions: Install Dev Extension" - Select the extension directory
Requirements
- Node.js v18 or newer
- npm or pnpm
- Project with
components.json(created vianpx shadcn@latest init)
Usage
Once installed, the MCP server will be available in Zed's Agent Panel.
Example Prompts
Show me all available components in the shadcn registry
Add the button, dialog and card components to my project
Find me a login form from the shadcn registry
MCP Server Features
This extension provides access to:
- Component Browsing: List and search components from shadcn registries
- Natural Language Installation: Install components using conversational prompts
- Multi-Registry Support: Access public, private, and third-party registries
- Authentication: Use environment variables for private registry access
Development
# Build the extension
cargo build --release --target wasm32-wasip1
# Test in Zed
# Install as dev extension and check logs with Cmd+Shift+P -> "Zed: Open Log"
License
MIT
Contributing
Contributions are welcome! Please open an issue or submit a pull request.