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
Command Palette
Scroll Image Reveal
Scroll Zoom Hero
Scroll velocity: 3D planes
iOS App Folder
To-do list
Carousel: iOS exposure slider
Cursor: Floating target
Card stack
Material Design: Ripple
Magnetic filings
Cursor trail
Cursor trail velocity
Infinite loading
Apple Intelligence ripple
Split text
Hold to confirm
Multi state badge
Fill text
Loading overlay
Loading progress bar
Loading ripple
Tilt card
Image reveal slider
Swipe actions
Accordion
iOS slider
Smooth Tabs
Tab select
iOS App Store
Parallax
iOS Notifications stack
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.