Use the Shadcn CLI to install any block with a single command

Access 2018+ production-ready blocks and39+ components with the shadcn CLI. No copy-pasting, no manual setup, no npm packages - just run a command and start building.

npx shadcn@latest add @shadcnblocks/hero1

terminal

$npx shadcn@latest add @shadcnblocks/hero1

✓ Checking registry for @shadcnblocks/hero1...

✓ Installing dependencies: lucide-react, radix-ui

✓ Created components/blocks/hero1.tsx

Faster then copy/paste - Install Blocks with Every Dependency

One Command Does It All

Zero Configuration

Works instantly with any shadcn/ui project. The CLI reads your components.json and knows exactly where to put files.

Automatic Dependencies

Need lucide-react? Missing radix-ui? The CLI installs all npm packages automatically. No manual npm install required.

Installs shadcn Components

Does your block use Button, Card, or Avatar? The CLI automatically adds any missing shadcn/ui components to your project.

Full Source Code

You own the code. Every component is copied directly into your project—fully customizable, no external dependencies, no lock-in.

Explorer

my-app

src

components

ui

button.tsx

card.tsx

badge.tsxNEW

avatar.tsxNEW

blocksNEW

hero1.tsxNEW

lib

utils.ts

app

package.jsonM

components.json

tailwind.config.ts

New files added

Dependencies updated

After running npx shadcn add @shadcnblocks/hero1

Get Started

From zero to production-ready blocks in under a minute.

01

Initialize shadcn/ui

Set up shadcn/ui in your React project. This creates a components.json config file.

terminal

npx shadcn@latest init

02

Add the Shadcnblocks registry

Add our registry to your components.json to enable CLI access to all blocks.

components.json

{
  "registries": {
    "@shadcnblocks": "https://www.shadcnblocks.com/r/{name}.json"
  }
}

03

Add your Shadcnblocks API Key

Unlock pro blocks and components from your terminal. Add your API key to .env and update the registry with authentication.

.env.local

# .env.local
SHADCNBLOCKS_API_KEY=sk_live_your_api_key_here

components.json

{
  "registries": {
    "@shadcnblocks": {
      "url": "https://www.shadcnblocks.com/r/{name}",
      "headers": {
        "Authorization": "Bearer ${SHADCNBLOCKS_API_KEY}"
      }
    }
  }
}

04

Install blocks

Use the CLI to add any block directly to your project with full source code.

terminal

npx shadcn@latest add @shadcnblocks/hero1

Ready to Build Faster?

Browse our collection of blocks and start installing with a single command.