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
Carousel: iOS exposure slider
Carousel
Carousel: Autoplay
Carousel: Coverflow
Carousel: Free scroll
Carousel: Offset-linked animations
Carousel: Pagination
Carousel: Scaling pagination dots
Carousel: Parallax
Carousel: Progress scrubber
Ticker: RTL
Cursor: Floating target
Card stack
Magnetic filings
Ticker: Overflow
Ticker
Ticker: Cursor
Ticker: Draggable
Ticker: Scroll
Ticker: Text hover effect
Ticker: useTickerItem
Ticker: Vertical scrolling
Cursor: Magnetic target
iOS pointer animation
Warp overlay
Cursor: Image hover
Swipe actions
Smooth tabs
Fill text
Loading overlay
Loading progress bar
Radix: Slider with AnimateNumber
Radix: Dropdown Menu
Radix: Radio Group
Radix: Select
Apple Watch Home Screen
Image reveal slider
iOS slider
Cursor: Adaptive caret size
Cursor: Custom content
Cursor: Follow
Cursor: Multi-follow
Drag with spring follow
Notifications list
Tilt card
Price switcher
Number counter
Engagement stats
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.