NewPowered by the official shadcn CLI
Use the Shadcn CLI to install any block with a single command
Access hundreds of production-ready components and blocks through the official shadcn CLI. No copy-pasting, no manual setup—just run and build.
200+
Components
1 cmd
To install anything
0
Lock-in, ever
100%
Source ownership
Before
app/
layout.tsx
page.tsx
components/
ui/
button.tsx
package.json
components.json
After running the CLI
app/
layout.tsx
page.tsx
components/
shadcn-space/
button/
button-03.tsxU
ui/
button.tsx
package.json
components.json
Everything handled, automatically
Get full access to components, blocks, and templates with flexible monthly or lifetime plans. Unlimited usage, regular updates. Start free and upgrade when you need more.
Frequently asked questions
The Shadcn CLI is the official command-line tool for shadcn/ui that lets you add components, blocks, and templates directly into your project with a single command. Instead of manually copying code or setting up files yourself, you just run one command and everything the component code, its dependencies, and the right file placement gets handled automatically.
The Shadcn CLI itself is free and open source. Free components and blocks are accessible without any payment. Pro components and blocks require a Shadcn Space plan, which you unlock using an API key added to your project environment.
Once your shadcn/ui project is set up, you add the Shadcn Space registry to your
components.json file and then run npx shadcn@latest add @shadcnspace/[block-name] (for base-ui) in your terminal. The CLI takes care of the rest, placing files in the right folders, installing any missing npm packages, and adding any required shadcn/ui components automatically.You need an existing React or Next.js project with shadcn/ui initialized. If you haven't done that yet, you run
npx shadcn@latest init first to create the components.json config file. After that, you register the Shadcn Space registry and you're ready to start installing components and blocks with one command.Yes. The CLI reads your existing
components.json to understand your project setup, where your components live, what's already installed, and how your project is structured. It works with any shadcn/ui project without requiring any extra configuration on your side.The CLI handles this automatically. If a block requires Button, Card,Badge, or any other shadcn/ui component that isn't in your project yet, the CLI installs those missing components for you at the same time. You don't need to check dependencies manually or run separate install commands.
No. The CLI is designed to be safe. It reads your project structure before making any changes and places new files only where they belong. If a file already exists, it will ask you before overwriting anything so nothing gets changed without your knowledge.
Yes, completely. When you install a component or block via the CLI, the full source code is copied directly into your project. There are no external packages to maintain, no version lock-in, and no dependency on Shadcn Space at runtime. The code is yours to read, edit, and ship however you want.
Yes. The Shadcn CLI works with any React-based setup Next.js, Vite, Remix, TanStack Start, and more. As long as your project has shadcn/ui initialized and a valid
components.json, the CLI will work regardless of which framework you're using.Yes, and it's a significant one. Copy-pasting means you manually handle file placement, figure out which dependencies are needed, and install them yourself. The CLI does all of that in one command: it places files correctly, installs npm packages automatically, and adds any missing shadcn/ui components. It's faster, less error-prone, and much cleaner for large projects.