Motion JS

Implement Motion in plain JavaScript for DOM and SVG animation. Use this skill for motion and motion/mini APIs only. Do not switch to React APIs unless explicitly requested.

Workflow

1. Confirm runtime context.

• Identify one of: npm/bundler imports or CMS/embed environment with locally bundled assets.
• Identify target elements and desired behavior: one-shot, gesture-driven, scroll-driven, or continuous.

2. Select the smallest runtime that still meets requirements.

• Use motion/mini for lightweight property/keyframe animation.
• Use motion (hybrid) when you need scroll/gesture helpers, sequences, SVG-specific control, or value/effect APIs.