Home
Docs
InfinityFX
©Copyright2016-2025 InfinityFX. All rights reserved.
InfinityFX®
Lively
v4.0.10
Getting started
Components
Animatable
Animate
LayoutGroup
Morph
Typable
Hooks
useAudio
useLink
usePath
useReducedMotion
useScroll
useSpring
useTrigger
useViewport
useVisible

useReducedMotion

Returns whether the browser prefers reduced motion. This can be used to disable or pause any animations deemed to flashy.

Importing

1
import { useReducedMotion } from '@infinityfx/lively/hooks';

Usage

Call signature

1
const prefersReducedMotion = useReducedMotion()

Returns

prefersReducedMotion :boolean

Whether the browser prefers reduced motion.