Reorder itemsExamples
Production-ready Motion snippets for React, JavaScript, and Vue. Copy them into your site or adapt them 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
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 AI Kit.
Learn more about Motion+