React Bits
165+ animated React components in four variants.
React Bits is the largest collection of animated React components anywhere, at 165+ text effects, backgrounds, animations and interactive pieces. At close to 46,000 GitHub stars it is one of the most starred projects in this directory.
At a glance
| Distribution | shadcn or jsrepo CLI, or copy and paste |
| Components | 165+ |
| Variants | four per component |
| Motion | GSAP with ScrollTrigger, varies by component |
| MCP server | yes, documented setup |
| License | MIT, with a paid Pro tier |
Four variants per component is the unusual part
Every component ships as JavaScript or TypeScript, with plain CSS or Tailwind. Four combinations, all kept in sync. Nothing else here does this, and it means the library fits a legacy JavaScript project and a modern TypeScript and Tailwind one equally well.
The variant is part of the install URL:
npx shadcn@latest add https://reactbits.dev/r/SplitText-TS-TW
npx jsrepo@latest add https://reactbits.dev/r/SplitText-JS-CSS
<LANG> is JS or TS, <STYLE> is CSS or TW.
Dependencies vary per component
There is no single package to install, and no single dependency footprint. Some components pull in GSAP, others pull in nothing. Check what an individual component brings with it before adding it to a bundle-sensitive page.
Free versus Pro
Everything on the main site is free and open source. React Bits Pro is a separate paid library covering page blocks, application UI, templates and an agent kit. The free tier is genuinely the bulk of the value here.
Choose it if
- You want text and background animation that nothing else in this directory offers.
- You are on plain JavaScript or plain CSS and most modern kits exclude you.
Look elsewhere if
- You are building application UI. This is marketing and portfolio surface.
- Accessibility is a requirement. It is not documented, and heavy motion needs a
prefers-reduced-motionpath you write yourself.