1. Home
  2. Motion
  3. Osmo
  4. Alternatives

Osmo alternatives

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

Osmo screenshot 1
Comparing againstOsmo

A members' library from award-winning motion designers — page transitions, scroll effects and easings in plain HTML, CSS and GSAP.

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