## โจ Why React Bits?
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**
## ๐ Features
- **165+ 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
## ๐ ๏ธ Creative Tools
### Beyond components, React Bits offers **free creative tools** to supercharge your workflow:
| Tool | What it does |
| ---------------------------------------------------- | ---------------------------------------------------------------------------------------- |
| **[Background Studio](https://reactbits.dev/tools)** | Explore animated backgrounds, customize effects, export as video/image/code |
| **[Shape Magic](https://reactbits.dev/tools)** | Create inner rounded corners between shapes, export as SVG, React code or clip-path code |
| **[Texture Lab](https://reactbits.dev/tools)** | Apply 20+ effects (noise, dithering, ASCII) to images/videos and export in high quality |
## ๐ฆ Installation
React Bits supports [shadcn](https://ui.shadcn.com/) and [jsrepo](https://jsrepo.dev) for quick CLI installs.
```bash
# Example: Add a component via shadcn
npx shadcn@latest add @react-bits/BlurText-TS-TW
```
Each component page includes copy-ready CLI commands. See the [installation guide](https://reactbits.dev/get-started/installation) for full details.
You can also select your preferred technologies, and copy the code manually.
## ๐ Sponsors
React Bits is proudly supported by these amazing sponsors:
### Diamond
### Silver
**[Become a sponsor](https://reactbits.dev/sponsors)** โ Get your brand in front of 500K+ developers monthly.
## ๐ค Contributing
We'd love your help! Check the [open issues](https://github.com/DavidHDev/react-bits/issues) or submit ideas via the [feature request template](https://github.com/DavidHDev/react-bits/issues/new?template=2-feature-request.yml).
Please read the [contribution guide](https://github.com/DavidHDev/react-bits/blob/main/CONTRIBUTING.md) first โ thanks for making React Bits better!
## ๐ Contributors
## ๐ค Maintainer
**[David Haz](https://github.com/DavidHDev)** โ creator & lead maintainer
## ๐ Official Ports
| Framework | Link |
| --------- | ----------------------------------------- |
| Vue.js | [vue-bits.dev](https://vue-bits.dev/) |
| Svelte | [sveltebits.xyz](https://sveltebits.xyz/) |
## ๐ Stats
## ๐ณ๏ธ Credit
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](https://github.com/DavidHDev/react-bits/issues) to request credit.
## ๐ License
[MIT + Commons Clause](https://github.com/davidhdev/react-bits/blob/main/LICENSE.md) โ free for personal and commercial use.
