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
Scale correction
Reorder animation
Shared layout animation
Aspect Ratio
Bounce Easing
Aspect ratio
Bounce easing
Layout animation
Drag with spring follow
Reorder animation
Lightbox
Page wipe
Layout animation
Shared view animation
View animation
Layout animation
Motion along a path
Shared layout animation
Pull example source straight into Cursor, Claude Code, and any MCP-aware agent.
Premium examples are searchable for Motion+ members through the Motion AI Kit.
Learn more about Motion+Motion+
Unlock all 400+ examples
- Source code for every Plus example.
- Provide examples direct to your agent via Motion's MCP.
- Lifetime access to new examples and APIs.