Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Cursor
Cursor: Floating target
Cursor: Floating target
Magnetic filings
Magnetic filings
Cursor trail
Cursor trail velocity
Cursor trail
Cursor trail velocity
Cursor: Magnetic target
iOS pointer animation
Cursor: Magnetic target
iOS pointer animation
Cursor: Image hover
Cursor: Image hover
Cursor: Adaptive caret size
Cursor: Custom content
Cursor: Follow
Cursor: Multi-follow
Line graph
Line graph
Cursor: Custom content
Cursor: Follow
Cursor: Multi-follow
Cursor: Adaptive caret size
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.