prefers-reduced-motion & color-scheme Helper
Generate CSS and JS scaffolding for prefers-reduced-motion and prefers-color-scheme plus a manual test checklist.
Overview
A scaffolding generator for the prefers-reduced-motion and prefers-color-scheme media features. Choose one or both features and it emits ready-to-paste CSS (with sensible reduced-motion and dark-mode defaults), a window.matchMedia JavaScript snippet that reacts to live preference changes, and a checklist of where to toggle each setting in the OS and DevTools. Built for front-end developers implementing accessible motion and theming.