S

shadcn/ui Registry Manager

Integrates with the shadcn/ui component registry to initialize projects, add components, and manage ...

281 views
0 installs
Updated Nov 22, 2025
Not audited
Tools I Recommend
Integrates with the shadcn/ui component registry to initialize projects, add components, and manage configurations remotely through CLI operations like init and add, supporting both official and custom registries for automating React/Next.js project setup and component library management.
  1. Prepare Your ENV Values

    • You will need to fill in three ENV values in the FastMCP connection interface:
      • REGISTRY_URL — The URL of the shadcn registry. Use either:
        • https://ui.shadcn.com/r (official registry, recommended for most users)
        • Or your own registry (e.g., http://localhost:3000/r) if you self-host. See the shadcn blocks docs for instructions on creating a custom registry.
      • WORKSPACE_DIR — The full path to your project directory on your system (for example: /Library/Projects/mcp-docker/www).
      • STYLE — The style of the registry. Typically, this should be new-york.
  2. Open the FastMCP Connection Interface

    • Click the "Install Now" button to add ENVs, if prompted.
  3. Input the ENV Values

    • Enter the following:
      • REGISTRY_URL: (choose your registry URL as described above)
      • WORKSPACE_DIR: (enter your project's path)
      • STYLE: new-york
  4. Save/Confirm Your Settings

    • Save or confirm the ENV values in the FastMCP connection interface.

Note: If you want to use a custom or self-hosted registry, follow the instructions here: https://ui.shadcn.com/docs/blocks to set it up. Then use the appropriate URL for REGISTRY_URL.

You do not need API keys or tokens; just ensure the URLs and paths are correct for your project.

Quick Start

View on GitHub

More for Automation

View All →

More for Developer Tools

View All →

Similar MCP Servers

shadcn/ui

shadcn/ui

Official Remote Remote

The shadcn MCP Server allows AI assistants to interact with items from registries. You can browse available components, search for specific ones, and install them directly into your project using natural language. For example, you can ask an AI assistant to "Build a landing page using components from the acme registry" or "Find me a login form from the shadcn registry".

Developer Tools
S

Shadcn UI

Remote Remote

Provides tools for managing and installing shadcn/ui components directly through assistants, enabling efficient component discovery, documentation retrieval, and installation command generation with multiple package manager support.

Developer Tools Design Tools
S

shadcn/ui

Remote Remote

Provides direct access to shadcn/ui v4 components, blocks, and demos through GitHub API integration with automatic framework detection for React, Svelte, and Vue, enabling rapid UI development with component source code, installation scripts, and complete block implementations.

Developer Tools Design Tools

Report Issue

Thank you! Your issue report has been submitted successfully.