1. Home
  2. Motion
  3. React Bits
  4. Alternatives

React Bits alternatives

39 sites that do what React Bits does, side by side. All hand-picked Motion kits.

React Bits screenshot 1
Comparing againstReact Bits

The largest open collection of animated React components — text, interactions, UI and backgrounds, each with live controls.

Open page →
SiteGet codePriceSaves
React BitsThis oneRegistryFree
Hyperiux VaultReact, Next.js, GSAP, MotionRegistryFree
AnimataReact, Tailwind CSS, MotionRegistryFree
useLayoutsReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
Motion PrimitivesReact, Tailwind CSS, MotionRegistryFree
Vengeance UIReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
LuxeReact, Tailwind CSS, Motion, Radix UIRegistryFree
beUIReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
MotiqReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
Rare UIReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
Skiper UIReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
Arc UIReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
Cult UIReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
Spell UIReact, Tailwind CSS, Motion, shadcn/uiRegistryFree
Unlumen UIReact, Tailwind CSS, Motion, shadcn/uiCopyFree
Pace UIReact, Next.js, Motion, GSAP, shadcn/uiCopyFree
UI TripleDReact, Tailwind CSS, Motion, shadcn/ui, Base UICopyFree
Eldora UIReact, Tailwind CSS, Motion, shadcn/uiCopyFree
Animate UIReact, Motion, shadcn/uiRegistryFree
Fancy ComponentsReact, MotionRegistryFree
Smooth UIReact, Motion, shadcn/uiRegistryFree
Vue BitsVue, Tailwind CSS, GSAPCopyFree
ShaderGradientReact, Three.js, Framer, FigmanpmFree
Motion ExamplesReact, Vue, JavaScript, MotionnpmFree
Goey ToastReact, MotionnpmFree
AmicroReact, MotionnpmFree
Motion CoreSvelte, GSAP, OGLRegistryFree
Serenity UIReact, Canvas, WebGL, shadcn/uiRegistryFree
Canvas UIReact, WebGLRegistryFree
interior.devReactRegistryFree
SSGOIReact, Svelte, Vue, Solid, Angular, QwiknpmFree
Svelte AnimationsSvelte, Tailwind CSS, motion-svnpmFree
Inspira UIVue, Nuxt, Tailwind CSS, motion-vCopyFree
VFX-JSJavaScript, React, WebGLnpmFree
Paper ShadersReact, JavaScript, WebGLnpmFree
ShadersReact, Vue, Svelte, Solid, WebGPUnpmFree
Libraries.devReact, WebGLnpmFree
Transitions.devCSS, ReactCopyFree
OsmoHTML, CSS, GSAP, WebflowPaidHas paid plans
NeatJavaScript, WebGLnpmFree
About Motion libraries

Motion libraries give you animated pieces — text reveals, moving backgrounds, cursor effects — that you drop into a page. Most are built for React with Tailwind CSS and Framer Motion. Pick one by how much code you want to own: some you copy file by file, some you install as a package.

Good for
  • Landing page hero sections
  • Animated backgrounds
  • Small interactions on buttons and cards
SponsoredAdvertise →
WapopoOne sentence in, a comic outSlot 2Your product hereSlot 3Your product hereSlot 4Your product here