Reduced motion

Some people get dizzy or sick from motion on screen. When the OS setting prefers-reduced-motion: reduce is on, Vizzele keeps every interface usable and beautiful — it just stops moving things around.

• Springs jump straight to their target. Inertia lands immediately.
• Magnetic, tilt, cursor, particle trail and parallax switch off.
• Reveals show content immediately; nothing is ever left hidden.
• WebGL backgrounds render a single still frame.
• CSS utilities only animate inside @media (prefers-reduced-motion: no-preference).
• Dragging still works — it's user-driven — but without throwing or bouncing.

Your own toggle

import { setReducedMotion } from '@vizzele/core';

setReducedMotion('always'); // or 'never' | 'system'

import { useReducedMotion } from '@vizzele/react';

const reduced = useReducedMotion();