Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Basics
Reorder items
Shared layout animation
Physical stagger
Color interpolation
Gestures
Bounce easing
Spring: Follow Cursor
Press
Hover
Lightbox
Page wipe
Layout animation
Shared view animation
View animation
HTML content
Basic animation
Parallax
Rotate
Scroll fade in/out
Scroll pinning
Scroll-triggered animation
Spring
Stagger
Stagger: From center
Stagger: From last
SVG loading spinner
SVG path morphing
Three.js
Pull example source straight into Cursor, Claude Code, and any MCP-aware agent.
Premium examples are searchable for Motion+ members through the Motion MCP server.
Learn more about Motion+Motion+
Unlock all 370+ examples
- Source code for every Plus example.
- Provide examples direct to your agent via Motion's MCP.
- Lifetime access to new examples and APIs.