React Bits is a library of animated and interactive React components designed to streamline UI development and simplify your workflow. From simple text animations to complex 3D components, React Bits provides everything you need to create unique and impactful websites.
The project embraces simplicity as its core philosophy—it maintains minimal dependencies and offers code that integrates seamlessly into your projects. Components often rely on zero dependencies or in some cases, a single animation library, for smooth effects and cleaner code, leaving plenty of room for customization.
- A variety of animated text and UI components
- Customizable and lightweight with minimal dependencies
- Designed to integrate seamlessly with any React project
npx jsrepo add https://reactbits.dev/default/<CategoryName>/<ComponentName>
# Example: npx jsrepo add https://reactbits.dev/default/TextAnimations/SplitTextnpx jsrepo add https://reactbits.dev/tailwind/<CategoryName>/<ComponentName>
# Example: npx jsrepo add https://reactbits.dev/tailwind/TailwindTextAnimations/SplitText# 1. Initialize a config file for your project
npx jsrepo init https://reactbits.dev/default/ # default
npx jsrepo init https://reactbits.dev/tailwind/ # tailwind
# 2. Browse & add components from the list
npx jsrepo add
# 3. Or just add a specific component
npx jsrepo add <CategoryName>/<ComponentName>
# Optionally, install jsrepo globally to remove 'npx' from the commands
npm i -g jsrepogit clone https://github.com/DavidHDev/react-bits.git .npm installnpm run devThis project is always open to improvements and contributions, you can check the Open Issues if you want to contribute, and it's also possible to request to add your own improvements/ideas using the Feature Request template. Before contributing, please read the Contribution Guide and make sure to respect the standards! Thank you for your time!
- Hyperspeed
- Squares
- more
MIT