1. Home
  2. Motion
  3. Svelte Animations
  4. Alternatives

Svelte Animations alternatives

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

Svelte Animations screenshot 1
Comparing againstSvelte Animations

Magic UI and Spell UI effects ported to Svelte 5.

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