Reduced Motion Settings Information

Why Reduced Motion Matters

Reduced motion settings help users who experience motion sickness, vertigo, or other vestibular disorders. Websites and applications can respect this preference to provide a more comfortable experience.

About This Tool

This page uses the prefers-reduced-motion media query to detect your system settings. No information is collected or stored - all detection happens locally in your browser.

Here's the JavaScript code we use to detect your reduced motion preference and operating system:

            // Detect reduced motion preference
            const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
            console.log(reducedMotion.media, reducedMotion.matches);

            // Check if reduced motion is enabled
            if (reducedMotion.matches) {
            // User prefers reduced motion
            } else {
            // User has no preference or prefers full motion
            }

            // Detect operating system
            const userAgent = window.navigator.userAgent;
            let os = "Unknown OS";

            if (userAgent.indexOf("Win") !== -1) os = "Windows";
            else if (userAgent.indexOf("Mac") !== -1) os = "macOS";
            else if (userAgent.indexOf("Linux") !== -1) os = "Linux";
            else if (userAgent.indexOf("Android") !== -1) os = "Android";
            else if (userAgent.indexOf("like Mac") !== -1) os = "iOS";
        

Return to page