Installation

Get started with React Bits Pro in minutes.

CLI installation

Recommended - automatically installs with dependencies

Prerequisites

  • • A React project with shadcn/ui initialized (run npx shadcn@latest init if you haven't)
  • • Node.js 18+ installed
  • • A components.json file in your project root (created by shadcn init)
1

Add your license key to .env.local

Create or update your .env.local file in your project root (same folder as package.json):

2

Configure your components.json

Add the registries section to your components.json file (merge with existing content if present):

Note: Use @reactbits-starter for components (all plans). @reactbits-pro is for blocks (Pro & Ultimate only).

3

Install components & blocks

Install any component with the shadcn CLI:

All Plans

Components come in two variants. Add -tw for Tailwind or -css for CSS.

Install pre-built blocks:

Pro & Ultimate Plans

Blocks are pre-built page sections (heroes, features, pricing, etc.) available with Pro and Ultimate plans.

Manual copy & paste

Prefer to copy code directly into your project

Browse the docs and copy any component or block code directly. No CLI required.

Components

Browse all components and copy CSS or Tailwind variants

Blocks

Pre-built sections ready to drop into your pages