Repository files navigation

The largest & most creative library of animated React components.
_{Stand out with 110+ free, customizable animations for text, backgrounds, and UI.}



📖 Documentation ·⚡ Quick Start ·🛠️ Tools

React Bits helps youship stunning interfaces faster. Instead of spending hours crafting animations from scratch, grab a polished component and customize it to fit your vision.

💬Text Animations · 🌀Animations · 🧩Components · 🖼️Backgrounds

• 110+ components — text animations, UI elements, and backgrounds, growing weekly
• Minimal dependencies — lightweight and tree-shakeable
• Fully customizable — tweak everything via props or edit the source directly
• 4 variants per component — JS-CSS, JS-TW, TS-CSS, TS-TW (everyone's happy)
• Copy-paste ready — works with any modern React project

React Bits supportsshadcn andjsrepo for quick CLI installs.

# Example: Add a component via shadcnnpx shadcn@latest add @react-bits/BlurText-TS-TW

Each component page includes copy-ready CLI commands. See theinstallation guide for full details.

You can also select your preferred technologies, and copy the code manually.

React Bits is proudly supported by these amazing sponsors:

Become a sponsor — Get your brand in front of 500K+ developers monthly.

We'd love your help! Check theopen issues or submit ideas via thefeature request template.

Please read thecontribution guide first — thanks for making React Bits better!

David Haz — creator & lead maintainer

React Bits occasionally draws inspiration from publicly available code examples. These are rewritten as full-fledged, customizable components for JS, TS, CSS, and Tailwind. If you recognize your work,open an issue to request credit.

MIT + Commons Clause — free for personal and commercial use.