Introduction

The interfaces people remember take weeks to build. React Bits Pro gives you the pieces, the tooling to assemble them, and the instructions your AI agent needs to do it for you.

134
Animated components
238
Marketing blocks
300
Application UI blocks
11
Full templates

The library

Four collections, one registry. Install any of them with a single command.

All plans

Components

134 animated primitives, text effects, backgrounds, WebGL. Tailwind or vanilla CSS, your pick.

Pro & Ultimate

Blocks

238 marketing sections across 21 categories. Heroes, pricing, features, FAQ, footers.

Pro & Ultimate

Application UI

300 blocks of real product chrome: app shells, data tables, dashboards, settings, AI surfaces.

Ultimate

Templates

11 complete landing pages, designed end to end and ready to deploy.

New drops every month, included with your license. The code is copied into your repo, so it is yours the moment it lands.

Two ways to skip the assembly

Having the pieces is half of it. These put the page together.

Agent Kit

Pro & Ultimate

Your agent writes the page, you review it. Hand it a design skill for the look, a prompt for the vertical, and a recipe that names the exact blocks to assemble.

  • 8 complete design skills files for your agent
  • 8 detailed page prompts covering different niches
  • 3 full-page recipes with a block-by-block build plan
Open Agent Kit

Landing Builder (Beta)

Pro & Ultimate

Compose the block library into a whole page by dragging, edit the copy inline, then take the code with you. What you see on the canvas is exactly what exports.

  • Drag, reorder and swap any marketing block
  • Click any text on the canvas to rewrite it
  • Export a Next.js project, loose files, or an agent prompt
Open the builder

Why teams pick React Bits Pro

The code lives in your repo. Not in node_modules. Read it, bend it, make it yours. Nothing breaks if you never update.

It performs. Strict TypeScript, tested across devices, tuned for 60fps, and audited for portability before it ships.

Your AI agent already knows it. Install the skill file once and Claude, Cursor or Copilot can install and compose the whole library on its own.

Shipping in three steps

1

Grab a license

Starter, Pro, or Ultimate. Yearly or lifetime, your call.

2

Connect the registry

Drop your key in .env.local, point components.json at us.

3

Install anything

npx shadcn@latest add, or let your AI agent do it for you.