Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Text
Number trend
Scramble text
Scramble text: Hover
Scramble text: Stagger from center
Scramble text
Scramble text: Hover
Scramble text: Stagger from center
Typewriter: Change Content
Typewriter: Exploding Countdown
Typewriter: Natural Typing
Typewriter: Exploding Countdown
Typewriter: Natural Typing
Split text
Scatter text
Wavy text
Reveal text effect
Typewriter
Typewriter
Split Text
Split Text: Scatter
Split Text: Wavy
Price switcher
Number counter
Engagement stats
Reveal text effect
Reveal text effect
Number formatting
Price switcher
Number counter
Engagement stats
Typewriter
Typewriter: Change Content
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.