davidhdev/react-bits

React Bits is an open-source collection of animated, interactive, and customizable React components designed to help developers build visually striking websites without spending hours building animations from scratch. The library includes over 110 components covering text animations, UI elements, and animated backgrounds, and the collection grows regularly. The goal is to let you grab a polished, ready-made component and drop it into your project, then customize it to fit your design. The components are built using standard React patterns and are designed to be lightweight and tree-shakeable, meaning your app only bundles the code it actually uses. Each component comes in four variants, JavaScript with plain CSS, JavaScript with Tailwind, TypeScript with plain CSS, and TypeScript with Tailwind, so you can pick the combination that matches your project's setup. Installation is handled via the shadcn CLI or jsrepo, which lets you add individual components with a single command. Beyond components, the project also offers creative browser-based tools for generating animated backgrounds, creating rounded corner shapes between elements, and applying visual effects to images and videos. You would use React Bits when building a landing page, portfolio, marketing site, or any web application where you want animated or visually rich UI elements without writing complex CSS or JavaScript animations yourself. It is especially useful if you are working with React and want copy-paste-ready components that are customizable at the props level or directly in the source. The tech stack is JavaScript and TypeScript, using React as the UI framework, with CSS and Tailwind CSS as styling options.