Docs
Motion
Declarative animation component for Preact DOM and SVG elements.
Motion is a polymorphic Preact component that drives the mini engine via initial, animate, and exit keyframes.
Fade and scale
Props
| Prop | Type | Description |
| --------------- | ---------------------------------- | -------------------------------- |
| as | "div" \| "button" \| "span" \| … | Host element (limited set) |
| initial | keyframes | false | Starting state |
| animate | keyframes | false | Target state while present |
| exit | keyframes | false | Exit state (requires Presence) |
| transition | Motion transition | Duration, ease, delay |
| reducedMotion | "user" \| "always" \| "never" | Override reduced-motion policy |
Pair with @kamod-ch/motion/presets for Kamod-standard motion language.
Staggered lists
Staggered entrance
- Design tokens
- Motion presets
- Presence API
- Reduced motion
See also Presence for mount/unmount orchestration.