Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Basics
Drag with spring follow
Variants
Parallax
Scroll-linked animations
Scroll-linked spring animation
useTime
Drag Lock Direction
Drag: Lock direction
Drag
Drag: Constraints
Follow pointer with spring
Motion along a path
useAnimationFrame
Spring: Follow Cursor
usePresenceData
Follow pointer with spring
Spinning 3D cube
useTime
Three.js
Drag
Drag: Constraints
Keyframes
Scroll-linked animations
Scroll-linked spring animation
Variants
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.