Installation
Add your license key, register the registries, and install anything with a single command.
Install with the CLI
Recommended — the shadcn CLI adds files and dependencies for you.
Before you start
- Node.js 18 or newer
- A React project with shadcn/ui initialized — run
npx shadcn@latest initif you haven't - A
components.jsonfile in your project root (created by shadcn init)
1
Add your license key
Create or update .env.local in your project root — the same folder as package.json.
2
Register the registries
Add the registries section to your components.json, merging with any existing content.
@reactbits-starter serves components (all plans). @reactbits-pro serves blocks (Pro & Ultimate).
3
Install components & blocks
Components
All plansEvery component ships in two variants — suffix -tw for Tailwind or -css for vanilla CSS.
Blocks
Pro & UltimateBlocks are full page sections — heroes, features, pricing, and more — ready to drop in and edit.
Manual copy & paste
No CLI required — copy code straight from the docs into your project.