01
Component-first
Each pattern ships as a focused Svelte component with typed props, scoped assets, and docs that mirror the implementation.
High-quality motion components for Svelte.
Animated Svelte component library powered by GSAP and OGL. Drop-in solutions for motion design, 3D canvases, and interactive animations.
Production motion patterns without rebuilding the foundation.
02
Canvas-ready
OGL-powered effects are wrapped in predictable Svelte APIs, so WebGL demos feel integrated instead of bolted onto the page.
03
CLI workflow
Install only the pieces you need, keep dependencies explicit, and use the registry-backed docs as the source of truth.
Components that move from subtle text details to full canvas systems.
Fluid Simulation
A physics-based fluid simulation with pointer interaction.
Globe
A Fresnel-lit globe with rim glow, haloed atmosphere, land mesh detail, and marker layers for data storytelling.
Text Loop
Stateful word changes with blur, width, and vertical motion.
Build motion faster
What people say
@sveltejs @SvelteSociety @MadeWithSvelte Why is this not having more hype? Very very good work!
MOTION CORE ❤️ I'm ready to gather another 39 people and raid this place.
@sveltejs @SvelteSociety @MadeWithSvelte Why is this not having more hype? Very very good work!
MOTION CORE ❤️ I'm ready to gather another 39 people and raid this place.
Start building motion-rich Svelte interfaces.
Browse the component docs, copy the install command, and bring production-ready animation patterns into your project.
npx @motion-core/cli init