The largest & most creative library of animated React components.

Documentation

Go to reactbits.dev to view the documentation.

About

React Bits is a collection of animated React components, made to help you stand out through your web creations. We have four main component categories - text animations, animations, components and backgrounds - all free for you to use and all enhanced with customization options as props, to make it easy for you to get exactly what you need out of the box.

Key Features

110+ total components (text animations, animations, components, backgrounds), growing every week
All components are built with minimal dependencies, and are highly customizable through props
You get the code, so you can further personalize and enhance the components
Designed to integrate seamlessly with any modern React project
Components come in 4 variants, to keep everyone happy: JS-CSS, JS-TW, TS-CSS, TS-TW

Installing Components Via CLI

React Bits supports both shadcn and jsrepo for quick installs.
Each component demo provides CLI commands, ready for you to copy and run. Detailed instructions can also be found here.

How To Contribute?

Contributions are welcome! Check the Open Issues to see how you can help or submit ideas using the Feature Request template.
Please review the Contribution Guide and follow our standards. Thanks for your time!

Contributors

Maintainers

David Haz

Official Ports

VueJS → https://vue-bits.dev/

Stats

Credit

React Bits may sometimes take inspiration from publicly available code examples online. These examples are rewritten as full-fledged, customizable, and reusable components for JS, TS, CSS, and Tailwind codebases. If you recognize any of your work here, just request credit and it will be granted.

License

Licensed under the MIT + Commons Clause license.