What you get
- 134 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.
- 238 page blocks across 21 categories. Heroes, feature grids, pricing tables, FAQs, testimonials, CTAs and footers. Drop them in and ship.
- 300 app UI blocks across 38 categories. Dashboards, sidebars, data tables, settings forms, dialogs and AI agent surfaces, all on one design system. The product behind the marketing site, not just the marketing site.
- 11 full Next.js landing-page templates. SaaS, AI SaaS, AI app, agency, shader, security, 8-bit and more. Deploy in an afternoon.
- An Agent Kit of 19 design skills, page prompts and recipes. Design judgment your AI agent can apply on its own, and that composes with the library when you own it. See the Agent Kit.
- Two CSS variants per component. Tailwind and vanilla CSS, so you can adopt React Bits Pro on whatever stack you already run.
- TypeScript-first. React 19 and 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 and TypeScript. You edit it like any other file. There is no runtime npm dependency to version-lock, no black box, and no breaking-change anxiety.
Who it's built for
Why teams choose React Bits Pro
- You own the code. Source-code delivery, not a runtime dependency. Nothing breaks 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.
- Marketing and product in one library. The page blocks cover the site you sell with. The app UI blocks cover the product people log into.
- AI-agent friendly by design. Plain React and Tailwind, predictable structure, a published SKILL.md, and an Agent Kit that teaches taste rather than syntax.
- Built by the author of reactbits.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. 134 animated components in both CSS variants.
- Pro, $199. Everything in Starter, plus 238 page blocks across 21 categories, 300 app UI blocks and the Agent Kit.
- Ultimate, $299. Everything in Pro, plus 11 full landing-page templates and priority email support.
One license covers one developer across unlimited commercial projects, including client work. See the license agreement. Volume and team pricing are available: email pro@reactbits.dev.
Tech stack
- React 19 and 18, Next.js 16, 15 and 14 (App Router).
- TypeScript (strict).
- Tailwind CSS 4, or vanilla CSS, your choice.
- Animation:
motion/react, GSAP, three.js with @react-three/fiber and drei, matter-js, lenis, d3 and smooothy. Each component only pulls the dependencies it actually uses. - Distribution: the shadcn registry protocol, so it works wherever
shadcn add works. - AI tools: Cursor, Claude Code, v0, Bolt.new, Lovable and Replit.
Use cases
Where to next