React Bits
234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
React Bits is an open-source catalog of 234 animated React components split into four buckets: Text Animations (32), Animations (37 cursor/hover/reveal effects), Components (44 cards, galleries, menus, docks) and Backgrounds (53 WebGL and canvas scenes). Every component ships in four variants — JS or TS, plain CSS or Tailwind — and installs through the shadcn or jsrepo CLI. It is aimed at marketing sites, hero sections and portfolio pages rather than at application UI, and official Vue and Svelte ports exist.
npx shadcn@latest add https://reactbits.dev/r/BlurText-TS-TWReach for React Bits when the brief is a hero, a landing page or a portfolio and the ask is visual impact — not when you need form controls or a11y-correct app UI, which it does not ship. Install by exact variant slug (`<Component>-<JS|TS>-<CSS|TW>`) so the code matches the host project's language and styling; the shadcn registry.json only exposes ~62 of the 234, so read https://reactbits.dev/llms.txt to resolve names before installing. Many Backgrounds components are WebGL/three.js scenes that will dominate the bundle and drain battery — cap them at one per page and pair with a reduced-motion fallback.
Why it is here. It is the largest single source of drop-in web-motion components for React, and the four-variant JS/TS × CSS/Tailwind matrix means an agent can install into almost any codebase without rewriting.
- 234 components in four categories
- JS/TS × CSS/Tailwind variant matrix
- 53 WebGL and canvas backgrounds
- official Vue and Svelte ports
- MIT + Commons Clause, not plain MIT
Verified 2026-08-15. HTTP 200. https://reactbits.dev (JS shell, no content), https://reactbits.dev/llms.txt (full component index), https://reactbits.dev/r/registry.json (248 registry items = 62 components x 4 variants), https://github.com/DavidHDev/react-bits, GitHub API repo metadata
