Examples
Production-ready snippets for Motion across React, JavaScript, and Vue. Ready to copy paste straight into your site, or adapt with AI.
Radix
Radix: Slider with AnimateNumber
Radix: Accordion
Radix: Checkbox
Radix: Context Menu
Radix: Dropdown Menu
Radix: Progress
Radix: Radio Group
Radix: Select
Radix: Switch
Radix: Toast
Radix: Toggle Group
Radix: Toolbar
Radix: Tooltip
Radix: Tabs
Radix: Dialog
Radix: Accordion
Radix: Checkbox
Radix: Context Menu
Radix: Dialog
Radix: Dropdown Menu
Radix: Progress
Radix: Radio Group
Radix: Select
Radix: Switch
Radix: Tabs
Radix: Toast
Radix: Toggle Group
Radix: Toolbar
Radix: Tooltip
Radix: Slider with AnimateNumber
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.