React Bits

Animated component library (215 pieces)

FreeUI component librariesreactbits.dev

What it is

215 components — 33 text animations, 52 effects, 58 UI components, 72 backgrounds — each shipped in four variants (JS/TS × CSS/Tailwind). Installs via the shadcn registry. 45k stars. Has an llms.txt listing every component and its exact install command.

Why it earns a slot

The text-animation set is the relevant half: SplitText and GlitchText for feature headlines and pull quotes. The WebGL backgrounds (Galaxy, LiquidEther, Plasma) look spectacular and cost hundreds of KB — use at most one, on a landing page.

Know before you commit

Components drag in real peer deps: gsap, motion, three, @react-three/fiber, ogl, lenis. Install per-component and read the dep list on each page. Commons Clause bars selling the components themselves.

Getting started

npx shadcn@latest add https://reactbits.dev/r/SplitText-TS-TW

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · MIT + Commons Clause

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate React Bits (https://reactbits.dev/) for this project, then use it only if it fits what we are already building.
Context: Animated component library (215 pieces). 215 components — 33 text animations, 52 effects, 58 UI components, 72 backgrounds — each shipped in four variants (JS/TS × CSS/Tailwind). Installs via the shadcn registry. 45k stars. Has an llms.txt listing every component and its exact install command.
Reviewer notes (general, not written for this codebase): The text-animation set is the relevant half: SplitText and GlitchText for feature headlines and pull quotes. The WebGL backgrounds (Galaxy, LiquidEther, Plasma) look spectacular and cost hundreds of KB — use at most one, on a landing page.
Watch out for: Components drag in real peer deps: gsap, motion, three, @react-three/fiber, ogl, lenis. Install per-component and read the dep list on each page. Commons Clause bars selling the components themselves.
Pricing: Free · MIT + Commons Clause
Setup: npx shadcn@latest add https://reactbits.dev/r/SplitText-TS-TW
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/react-bits

Neighbourhood

How React Bits sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.