usePrefersReducedMotion

Hook

Returns true when the user has enabled the "Reduce Motion" system preference. SSR-safe — returns false on the server and updates after hydration.

core/use-prefers-reduced-motion

Installation

1 · Add registry to components.json

2 · Install component

Examples

Live preference detection

Change your OS motion setting to see this update.

Detecting…

Change your OS motion setting to see this update live.

API Reference

PropTypeDescription
(returns)
booleantrue when prefers-reduced-motion: reduce is active.