Introduction

@kamod-ch/motion wraps Vanilla Motion (motion package) for Preact apps. The default export map uses the mini WAAPI engine (motion/mini) for overlays, presence transitions, SVG reveals, and numeric counters — without pulling React bindings or the full hybrid runtime.

Why not motion/react?

This library is Preact-first. We intentionally do not ship or document motion/react, react, or react-dom. React Motion components are out of scope; use @kamod-ch/motion/motion, @kamod-ch/motion/presence, and the published hooks instead. See Mini vs hybrid for engine boundaries.

What you get

• Motion — declarative enter/update/exit on DOM and SVG elements
• Presence — mount/unmount orchestration for overlays and toasts
• Presets — fade, scale, and slide tokens aligned with Kamod UI motion language
• useReducedMotion — respects prefers-reduced-motion
• Hybrid opt-in — @kamod-ch/motion/hybrid for MotionValue, springs, and stagger factories when you need them

Next steps

• Install @kamod-ch/motion
• Compare mini vs hybrid engines
• Try the playground