Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Motion+ examples
Scramble text
Scramble text: Hover
Scramble text: Stagger from center
Reorder items
Shared layout animation
Material Design: Ripple
Scroll highlight
Loading: Infinite path drawing
Family-style dialog
Hold to confirm
Multi state badge
Notifications stack
Fill text
Loading overlay
Loading progress bar
Loading ripple
Physical stagger
iOS App Store
Conic gradient pointer
Image reveal slider
iOS slider
Notifications list
Tab select
Tilt card
Typewriter
Split Text
Split Text: Scatter
Split Text: Wavy
Accordion
Modal dialog
Reveal text effect
Spring: Follow Cursor
Lightbox
Page wipe
Layout animation
Shared view animation
View animation
Pull example source straight into Cursor, Claude Code, and any MCP-aware agent.
Premium examples are searchable for Motion+ members through the Motion MCP server.
Learn more about Motion+Motion+
Unlock all 370+ examples
- Source code for every Plus example.
- Provide examples direct to your agent via Motion's MCP.
- Lifetime access to new examples and APIs.