The premium React UI library you'll actually ship with

What you get

• 101+ animated React components. Hero shaders, particle text, fluid cursors, scroll-driven reveals, 3D scenes, glitch and scramble text — built for production, not for a demo reel.
• 158+ pre-built UI blocks across 21 categories. Heroes, feature grids, pricing tables, FAQs, testimonials, CTAs, footers — drop them in and ship.
• 8+ full Next.js landing-page templates. SaaS, AI SaaS, agency, minimal, shader, wireframe, and more. Deploy in an afternoon.
• Two CSS variants per component. Tailwind and vanilla CSS — adopt React Bits Pro on whatever stack you already run.
• TypeScript-first. React 19 / Next.js 16 ready, strict types, predictable APIs.
• AI-agent ready. A published SKILL.md so Cursor, Claude Code, v0, Bolt.new, Lovable, and Replit install components correctly on the first try.
• Lifetime updates. New components and blocks ship every month.

How it works

React Bits Pro is distributed through the shadcn registry protocol. After activating your license, an install looks like this:

npx shadcn@latest add @reactbits-pro/hero-7

The code lands in your repo as plain React + TypeScript. You edit it like any other file. There's no runtime npm dependency to version-lock, no black box, no breaking-change anxiety.

Who it's built for

• Indie hackers shipping SaaS, AI, and content products who need a high-quality landing page without a designer.
• Startup founders who want a production-grade marketing site in days, not weeks.
• Agencies and freelancers delivering polished React UI to clients on tight timelines.
• Developers using AI coding agents who want a library their agents install reliably the first time.

Why teams choose React Bits Pro

• You own the code. Source-code delivery, not a runtime dependency. Nothing to break when a package maintainer ships v2.
• One payment, lifetime updates. No subscription, no seat fees, no expiring license.
• Tailwind and vanilla CSS. Two functionally identical variants per component, so the library fits any project.
• AI-agent friendly by design. Plain React + Tailwind, predictable structure, published SKILL.md.
• Built by the author of react-bits.dev. The same quality bar that made the free library popular, now with the blocks, templates, and commercial license real products need.

Pricing

One-time payment. Lifetime updates. Unlimited projects.

• Starter — $99. 101+ animated components.
• Pro — $199. Everything in Starter + 158+ UI blocks across 21 categories.
• Ultimate — $299. Everything in Pro + 8+ full landing-page templates + priority email support.

One license covers one developer across unlimited commercial projects, including client work. See the license agreement. Volume / team pricing available — email pro@reactbits.dev.

Tech stack

• React 19 / 18, Next.js 16 / 15 / 14 (App Router).
• TypeScript (strict).
• Tailwind CSS 4 — or vanilla CSS, your choice.
• Animation: motion/react, GSAP, three.js + @react-three/fiber + drei, matter-js, lenis, d3, smooothy. Each component only pulls the deps it actually uses.
• Distribution: shadcn registry protocol — works wherever shadcn add works.
• AI tools: Cursor, Claude Code, v0, Bolt.new, Lovable, Replit.

Use cases

• SaaS marketing sites and product landing pages
• AI product launches with shader / WebGL aesthetics
• Agency portfolios and creative one-pagers
• General landing pages — heroes, pricing, FAQ, CTA

Where to next

• Documentation
• Installation guide
• Components catalog
• Blocks catalog
• Templates catalog
• Pricing
• Changelog
• Roadmap