View all files | ||||
React Bits helps you ship 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
| Background Studio | Explore animated backgrounds, customize effects, export as video/image/code |
| Shape Magic | Create inner rounded corners between shapes, export as SVG, React code or clip-path code |
| Texture Lab | Apply 20+ effects (noise, dithering, ASCII) to images/videos and export in high quality |
React Bits supports shadcn and jsrepo for quick CLI installs.
Each component page includes copy-ready CLI commands. See the installation 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 the open issues or submit ideas via the feature request template.
Please read the contribution guide first — thanks for making React Bits better!
David Haz — creator & lead maintainer
| Vue.js | vue-bits.dev |
| Svelte | sveltebits.xyz |
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.