Animated components, page blocks, app UI and full templates, crafted for humans and structured for AI agents. Everything a product needs, in one library.
Trusted by developers worldwide
702 assets inside
Five parts that compose into a finished product: the marketing site, the app behind it, and the agent that assembles both.
Shader backgrounds, particle text, scroll choreography and cursors. Every one ships in Tailwind and vanilla CSS.
Finished marketing sections across 21 categories: heroes, pricing, features, FAQ, testimonials, footers.
The logged-in surface across 38 categories: dashboards, sidebars, data tables, settings, and AI chat. Theme all 300 at once.
Complete Next.js landing pages, wired and deployable. Clone one and change the copy.
Design skills, page prompts and recipes that teach your AI agent to build pages with taste, with or without the library.
Everything installs with the shadcn CLI. The source lands in your repo, so there is no runtime dependency and nothing to unlearn.
One commercial license, unlimited projects.
Production-grade animated UI for the kind of work that gets remembered.
Components, blocks, app UI and full templates. The whole build in a single library.
Typed, 60fps, designed to impress. Installable by you or your AI agent in one command.
Typed props on every component. Accent, font and radius theming across every app UI block.
Sharp on every screen.
11 production-ready Next.js templates. Clone, customize, ship.
238 ready-made sections across 21 categories. Responsive, animated, ready to ship.
hero-1: Editorial hero with bold typography, animated entrance, and a clear primary CTA.
View categoryHand it a curated library and a system that explains how to use it, and it stops shipping pages that look generated.
Design skills, page prompts and recipes that encode taste: type scale, spacing rhythm, restraint. Your agent applies them with or without the components.
The registry speaks shadcn, so Cursor, Claude Code or Copilot pulls any asset with a single deterministic command. No copy-paste loop.
Everything lands in your repo as readable source. No runtime, no lock-in, nothing for the agent to reverse-engineer.
Setup takes one step: the React Bits Pro Skill is free on every plan and teaches your agent how to find and install anything in the registry. See how teams use it
Developers already own it. Here's why.
683 components, blocks, app UI and templates, plus the Agent Kit. New drops every month, included in your license.
Every component we've ever made, for devs who want world-class animation without writing it.
Every marketing section, the app UI behind it, and the Agent Kit that assembles both.
The entire library, templates included. Everything we build, now and forever.
Everything we build, in one plan
Summer Sale: 30% off lifetime plans with code SUNBITS30 · Ends Aug 21
The price may rise as the library grows. Lock in today's rate. Live previews of every asset, secure checkout by Polar.
Pay $299 once. Whether you build by hand or with AI, the numbers add up.
Time you don't spend building
What this means
What building it yourself costs
$299, once.
683 assets plus the Agent Kit, every future release included. No seats, no renewals.
Based on hiring a designer and developer at market rates to build all 683 assets from scratch.
Not covered here? Reach out and we'll help.
Starter: 134 animated React components. Pro: everything in Starter, plus 238 pre-built page blocks across 21 categories (hero, pricing, FAQ, CTA, and more), 300 app UI blocks across 38 categories, and the AI Agent Kit. Ultimate: everything in Pro, plus 11 full landing-page templates and priority email support. Every tier ships with TypeScript, Tailwind CSS, full responsiveness, and light/dark mode.
Lifetime access to every component, block, app UI section, template and the Agent Kit. Pay once, build without limits.