Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Examples with tutorials
Bobble hover
Command Palette
Scroll Image Reveal
Scroll Zoom Hero
Scroll velocity: 3D planes
Carousel: iOS exposure slider
Cursor: Floating target
Card stack
Material Design: Ripple
Material Design: Ripple
Magnetic filings
Fill text
Loading overlay
Loading progress bar
Fill text
Loading overlay
Loading progress bar
Image reveal slider
iOS slider
Notifications list
Tilt card
Image reveal slider
Spring: Follow Cursor
Swipe actions
iOS slider
Smooth Tabs
Follow pointer with spring
Parallax
Spinning 3D cube
iOS Notifications stack
Three.js
Drag
Keyframes
Variants
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+Motion+
Unlock all 400+ examples
- Source code for every Plus example.
- Provide examples direct to your agent via Motion's MCP.
- Lifetime access to new examples and APIs.