Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Page transitions
Curtains: Blinds
Curtains: Clip wipe
Curtains: Doors
Curtains: Fade
Curtains: Iris
Curtains: Iris from click
Curtains: Mixed effects
Curtains: Pixels
Curtains: Scope
Curtains: Showcase
Curtains: Shutter
Curtains: Stagger wipe
Curtains: Wipe
Curtains: Blinds
Curtains: Clip wipe
Curtains: Doors
Curtains: Fade
Curtains: Iris
Curtains: Iris from click
Curtains: Mixed effects
Curtains: Pixels
Curtains: Scope
Curtains: Shutter
Curtains: Stagger wipe
Curtains: Wipe
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.