Motion Examples
by Motion · motion.dev
What it is
Motion's official gallery of 462 copyable animation snippets, filterable by React, JavaScript and Vue. Motion libraries give you animated pieces — text reveals, moving backgrounds, cursor effects — that you drop into a page.
Good for
- Landing page hero sections
- Animated backgrounds
- Small interactions on buttons and cards
SSGOIMotion
Native-app-style page transitions on the Web Animations API — works across frameworks, with no router lock-in.
VFX-JSMotion
Drop WebGL effects onto plain images, videos and text — glitch, pixelate, glow and warp.
Goey ToastMotion
Gooey, morphing toasts built on Sonner — they stretch like liquid as they pop in, merge and change state.
