React Bits
171 animated React components: shader backgrounds, text effects, cards and menus. Installed with a single command.
We have not run it ourselves: described from the docs and the repository.
In numbers
What it is
React Bits is a shelf of ready-made animated effects for React: shader backgrounds, text effects, cards, menus. The job is simple: instead of writing from scratch something that already looks good, take a component and drop it into your project in a minute.
The main difference from an ordinary npm library is that components install the shadcn way: the command drops the source straight into your project, with nothing added to package.json. From then on the file is yours to edit. It suits people building landing pages who want striking visuals without their own graphics work, and in MCP mode Claude Code can search for and install components itself.
How it works
npx shadcn@latest add https://reactbits.dev/r/Aurora-TS-TW drops the source into the project, and the URL suffix picks the variant.gsap or motion; the good-looking backgrounds are shaders drawn through ogl or three.components.json and Claude Code searches for and installs components on its own.Know before installing
Read the breakdown
We went through this tool in detail — what it does, where the catches are, and who it suits.
Comments