Docs

useReducedMotion

Respect prefers-reduced-motion in Preact components.

useReducedMotion reads matchMedia("(prefers-reduced-motion: reduce)") and integrates with Motion, Presence, and presets.

Live preference

@kamod-ch/motion/hooks/use-reduced-motion

policy: user · reduced: no

Full slide-up animation

Policies

| Policy | Behavior | | ------------------ | -------------------- | | "user" (default) | Follow OS setting | | "always" | Force reduced motion | | "never" | Always animate |

Spatial presets automatically fall back to opacity-only variants when reduced motion is active.