AnimatePresence modesExamples
Production-ready Motion snippets for React, JavaScript, and Vue. Copy them into your site or adapt them with AI.
Basics
- AnimatePresence modes
AnimatePresence modes
Physical stagger
Scroll-triggered animations
Animate state
Gestures
Bounce easing
HTML content
CSS Spring
Enter Animation
Exit animation
Gestures
Keyframe wildcards
Rotate
AnimateActivity: Slideshow
Press
Hover
HTML content
Keyframe wildcards
Animate state
CSS spring
Transition
HTML content
Basic animation
Parallax
Rotate
Scroll fade in/out
Scroll pinning
Scroll-triggered animation
Spring
Stagger
SVG loading spinner
Exit animation
Enter animation
Gestures
Scroll-triggered animations
Transition options
Rotate
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+