Reduced motion

When the OS asks for reduced motion (or you force it), there are no tooltip or cutout tweens, no smooth scrolling and no beacon pulse.

Reduced motion Follow OS On Off

The beacon on this card stops pulsing when reduced motion is on.

Beacon

A target further down the page.

reducedMotion

<!-- Follows prefers-reduced-motion by default -->
<SpotlightProvider>

<!-- Or force it either way -->
<SpotlightProvider reducedMotion={true}>
<SpotlightProvider reducedMotion={false}>