1. Home
  2. Motion
  3. Serenity UI
  4. Alternatives

Serenity UI alternatives

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

Serenity UI screenshot 1
Comparing againstSerenity UI

Playful, tactile components — a retro mechanical keyboard with live synthesized sound and a 3D flip-book portfolio.

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