Bobble hoverExamples
Production-ready Motion snippets for React, JavaScript, and Vue. Copy them into your site or adapt them with AI.
Motion+ examples
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
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 AI Kit.
Learn more about Motion+Motion+ examples
Unlock all 430+ examples
Get source code for every Plus example, provide examples directly to your agent via Motion's MCP, and keep lifetime access to new examples and APIs.
- Examples
- 430+
- Source
- Included
- Updates
- Lifetime