Shadcn MCP for Factory droid

Connect Factory's droid CLI into the shadcn.io registry with one MCP URL — access every block, icon, and example in the catalog.

One MCP URL gives Factory's droid CLI live tools to search, preview, and install every block, component, and icon on shadcn.io — no hallucinated props, no broken installs.

Install

Run this in your terminal:

Run it once signed in with an active Pro subscription — the URL carries your personal token, so treat the command line like an API key. Pro starts at $19/mo and includes MCP access across every editor plus 6,000+ production-ready blocks. Not Pro yet? See what you unlock →

droid mcp add writes to your droid config, so the server is ready on the next prompt — no restart. --type http is required for remote HTTP servers; drop it and droid tries to exec the URL as a STDIO command, which fails.

Using headers instead

If your team policy forbids tokens in URLs, droid supports header flags:

droid mcp add shadcnio https://www.shadcn.io/api/mcp --type http \
--header "Authorization: Bearer YOUR_TOKEN"

A Team or Organization plan gives every workspace member their own Pro entitlement.

Install your first block

use shadcnio to install hero-announcement into my project

What droid actually does, in order:

  1. search_items({ query: "hero-announcement" }) to confirm the slug resolves.
  2. get_item({ name: "hero-announcement" }) for a cheap metadata peek.
  3. get_install_command({ name: "hero-announcement" }) — returns a shadcn add https://www.shadcn.io/r/hero-announcement.json?token=… URL with your token already in the query string.
  4. Runs it in your shell. Files land under components/ui/.

Name the server explicitly ("use shadcnio…") when multiple MCPs are configured, or droid picks one at random or skips tools entirely.

The example above uses hero-announcement, a Pro block — the install runs once you're signed in with an active subscription.

Manage the connection

Three CLI commands cover the lifecycle:

droid mcp list
droid mcp remove shadcnio
droid mcp --help

droid mcp list prints every configured server with live status. Remove and re-add with a new URL to rotate tokens.

If your Pro subscription lapses, the next tool call returns 403. Resubscribing restores access on the following request — no reconfigure, no reinstall. The token itself stays valid across subscription gaps.

FAQ

Was this page helpful?

Sign in to leave feedback.