The largest and most creative library of animated React components.
reactbits.dev · pro.reactbits.dev
Most component libraries hand you a button. We're interested in the parts of an interface people actually remember: the text that assembles itself, the field of particles that resolves into a photograph, the section that earns a screenshot.
| React Bits | Open source | The animated component library, free forever. Text effects, backgrounds, and interactive components you can drop into any React app. |
| React Bits Pro | Paid | A production library for shipping whole products: animated components, marketing blocks, application UI, page templates, and an agent kit. |
Everything is delivered through the shadcn registry protocol, so a component lands in your codebase as source you own and can edit. No runtime dependency, no wrapper package, no version lock.
npx shadcn@latest add @reactbits-pro/hero-7
- Components — animated React components, each shipped in both a Tailwind and a vanilla-CSS variant, so the library fits your stack instead of the other way round.
- Blocks — full marketing sections: heroes, pricing, features, FAQ, testimonials, footers.
- App UI — dense product chrome built on one shared design system: app shells, data tables, dashboards, settings, dialogs, and AI/agent surfaces that compose cleanly with each other.
- Templates — complete, deployable landing pages.
- Agent Kit — design skills, page prompts, and recipes that install straight into your coding agent, so Claude Code, Codex, and friends build in a consistent style instead of improvising one.
- Landing Builder — drag, compose, and export a full page from the block library.
| Plan | Unlocks |
|---|---|
| Starter | Components |
| Pro | Components, blocks, App UI, Agent Kit, Landing Builder |
| Ultimate | Everything, plus downloadable templates |
One-time purchase. Lifetime updates. No subscription.
Add the registries to your components.json and authenticate with your license key:
{
"registries": {
"@reactbits-starter": {
"url": "https://pro.reactbits.dev/api/r/starter/{name}.json",
"headers": { "Authorization": "Bearer ${REACTBITS_LICENSE_KEY}" }
},
"@reactbits-pro": {
"url": "https://pro.reactbits.dev/api/r/pro/{name}.json",
"headers": { "Authorization": "Bearer ${REACTBITS_LICENSE_KEY}" }
}
}
}Full instructions: pro.reactbits.dev/docs/installation
| Free library | reactbits.dev |
| Pro library | pro.reactbits.dev |
| Source (free) | github.com/DavidHDev/react-bits |
| Changelog | pro.reactbits.dev/changelog |
| Roadmap | pro.reactbits.dev/roadmap |
| Affiliates | pro.reactbits.dev/affiliate |
- Free library — open an issue on DavidHDev/react-bits.
- React Bits Pro — email [email protected]. Pro is a separate, closed-source product; please don't file Pro issues on the open source repo.
Built by David Haz