Shadcn CLI

All of our blocks are compatible and downloadable using the official shadcn CLI via our Shadcn Registry.

We support namespaced registries and authentication. This feature provides improved API key authentication for our private shadcn registry, allowing you to access all our pro blocks and components directly from the CLI with environment variables. This enables seamless integration with the Shadcn MCP and other modern developer workflows.

Getting Started

1. Ensure your project has a components.json

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "radix-vega",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "iconLibrary": "lucide",
  "rtl": false,
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "menuColor": "default",
  "menuAccent": "subtle",
  "registries": {
    "@shadcnblocks": {
      "url": "https://shadcnblocks.com/r/{name}",
      "headers": {
        "Authorization": "Bearer ${SHADCNBLOCKS_API_KEY}"
      }
    }
  }
}

2. Generate Your API Key

Visit your dashboard and navigate to the API Keys section:

1. Click “New API Key”
2. Give your key a descriptive name (e.g., “Development”, “CI/CD Pipeline”)
3. Optionally set an expiration date
4. Copy the generated key

4. Install Blocks & Components

Use shadcn to install any block from our registry:

npx shadcn add @shadcnblocks/hero125
npx shadcn add @shadcnblocks/pricing3
npx shadcn add @shadcnblocks/features8