Use the Shadcn CLI to install any block with a single command
Access 1398+ production-ready blocks and 16+ components through the official shadcn CLI. No copy-pasting, no manual setup, no proprietary libraries—just run a command and start building.
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.
npx shadcn add @shadcnblocks/hero1Get Started
From zero to production-ready blocks in under a minute.
Initialize shadcn/ui
Set up shadcn/ui in your React project. This creates a components.json config file.
npx shadcn@latest initAdd the Shadcnblocks registry
Add our registry to your components.json to enable CLI access to all blocks.
{
"registries": {
"@shadcnblocks": "https://shadcnblocks.com/r/{name}.json"
}
}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 SHADCNBLOCKS_API_KEY=sk_live_your_api_key_here
{
"registries": {
"@shadcnblocks": {
"url": "https://shadcnblocks.com/r/{name}",
"headers": {
"Authorization": "Bearer ${SHADCNBLOCKS_API_KEY}"
}
}
}
}Install blocks
Use the CLI to add any block directly to your project with full source code.
npx shadcn@latest add @shadcnblocks/hero1
Ready to Build Faster?
Browse our collection of blocks and start installing with a single command.