useReducedMotion

React Hook that tracks motion preference

Usage

function Demo() {
  const motion = useReducedMotion(false);

  return <div>ReducedMotion: {JSON.stringify(motion)}</div>;
};

API

useReducedMotion

Returns

boolean: whether prefer reduced motion

Arguments