AnimatePresence modesExamples
Production-ready Motion snippets for React, JavaScript, and Vue. Copy them into your site or adapt them with AI.
Basics
- AnimatePresence modes
Scale correction
Drag with spring follow
Variants
Parallax
Path drawing
Path morphing
Reorder animation
Element scroll-linked animation
Scroll-linked animations
Scroll-linked spring animation
Track element within viewport
Scroll-triggered animations
Shared layout animation
Animate state
useTime
Value transform & path drawing
Aspect Ratio
Bounce Easing
Drag Lock Direction
HTML content
CSS Spring
Drag
Drag: Constraints
Enter Animation
Exit animation
Follow pointer with spring
Gestures
Keyframes
Keyframe wildcards
Layout animation
Motion along a path
Rotate
useAnimationFrame
Transition
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+