React Bits
171 animated React components: shader backgrounds, text effects, cards and menus. Installed with a single command.
React Bits is a shelf of ready-made effects for React, sorted into four sections: Backgrounds (56), Components (45), Animations (38), Text Animations (32). As of 2 September 2026 the free library holds 171 components, and new ones land weekly.
Installation follows the shadcn model: `npx shadcn@latest add https://reactbits.dev/r/Aurora-TS-TW` drops the component's source straight into your project, with nothing added to `package.json`. The suffix picks the variant, and there are four: JavaScript or TypeScript, plain CSS or Tailwind. From then on the file is yours to edit. The trade is the usual one: updates have to be pulled in by hand.
Dependencies vary by component. Simple text effects need only `gsap` or `motion`, while the good-looking backgrounds are shaders drawn through `ogl` or `three`. For those, plan a WebGL check and a static fallback: the context fails to be created on machines with no hardware acceleration, inside virtual machines, and once a tab hits its context limit, and the failure looks like an empty hole where the background should be.
There is an MCP mode: add the registry to `components.json` and Claude Code will search and install components on its own. The licence is MIT with the Commons Clause: use in your own and client projects is fine, selling the library itself is not. A paid React Bits Pro exists separately, with page blocks and templates, and the free library is not cut down to push it. Official ports cover Vue and Svelte.
Comments