MCP

For more information about the MCP server, please refer to the shadcn/ui MCP documentation.

Automatic configuration

Select your MCP client and follow the instructions to configure the shadcn MCP server.

Manual configuration

Install the shadcn package as a dev dependency:

Use the code below to configure the shadcn MCP server in your editor.

Pro components

Pro components appear in the registry and are discoverable by AI agents, but require a valid license key to install.

1. Add your license key to .env.local:

UNLUMEN_LICENSE_KEY=0UNLU_...

2. Configure your components.json to authenticate requests:

{
  "registries": {
    "@unlumen-ui": {
      "url": "https://ui.unlumen.com/r/{name}.json",
      "headers": {
        "Authorization": "Bearer ${UNLUMEN_LICENSE_KEY}"
      }
    }
  }
}

Once configured, the MCP and the shadcn CLI will automatically authenticate when installing pro components:

npx shadcn@latest add @unlumen-ui/dia-text-reveal

Your license key is available in your Polar purchase confirmation email.