useReducedMotion
True when the user asked the system to reduce motion.
Meters and visualizers use this to show a static level instead of animating.
$ pnpm dlx shadcn-svelte@latest add https://juddisjudd.github.io/audiocn-svelte/r/use-reduced-motion.json$ npx shadcn-svelte@latest add https://juddisjudd.github.io/audiocn-svelte/r/use-reduced-motion.json$ yarn dlx shadcn-svelte@latest add https://juddisjudd.github.io/audiocn-svelte/r/use-reduced-motion.json$ bunx --bun shadcn-svelte@latest add https://juddisjudd.github.io/audiocn-svelte/r/use-reduced-motion.jsonimport { useReducedMotion } from "#lib/hooks/use-reduced-motion.svelte.js";
const reducedMotion = useReducedMotion();It returns Svelte's prefersReducedMotion, so read reducedMotion.current. It is false during server rendering and updates when the setting changes.