# useReducedMotionConfig > Resolve the active reduced-motion policy from and the OS preference. **Source:** [https://motion.svelte.page/docs/use-reduced-motion-config](https://motion.svelte.page/docs/use-reduced-motion-config) --- `useReducedMotionConfig` resolves the active reduced-motion policy for the current component subtree by combining the nearest `` ancestor with the OS-level `prefers-reduced-motion` setting. ```svelte {#if !reduced.current} {/if} ``` > Live example: [/examples/use-reduced-motion-config](https://motion.svelte.page/examples/use-reduced-motion-config) ## Why two hooks? - [`useReducedMotion`](/docs/use-reduced-motion) only reads the OS preference. - `useReducedMotionConfig` reads the resolved policy — it lets a parent `` override the OS preference (e.g. force-disable motion in a preview pane regardless of system settings). ## `` The `reducedMotion` prop on `` controls how transform animations are handled for descendant `motion` elements: | Value | Behavior | | ---------- | ----------------------------------------------------------------------------------------- | | `'never'` | Default. Animations run as authored. | | `'always'` | Strip transform keys (`x`, `y`, `scale`, `rotate`, `skew`, …). Other props still animate. | | `'user'` | Honor the OS-level `prefers-reduced-motion`. Acts like `'always'` when the user opted in. | ```svelte Fades in always; only translates when the user hasn't opted into reduced motion. ``` ## Custom decisions Use the hook directly when you want to make per-component decisions that go beyond stripping transforms — for example, swapping a parallax effect for a static background: ```svelte {#if reduced.current} {:else} {/if} ``` ## How it resolves | Policy | OS pref `reduce` | OS pref `no-preference` | | ----------- | ---------------- | ----------------------- | | _no parent_ | `false` | `false` | | `'never'` | `false` | `false` | | `'always'` | `true` | `true` | | `'user'` | `true` | `false` | ## API Reference ### Returns A `ReducedMotionState` object: - **`current`** `boolean` (getter) — `true` when descendant motion should be reduced (resolved policy + OS preference). Reactive via `$state` so reads inside templates, `$derived`, and `$effect` track changes to either source automatically. - **`subscribe(run)`** — Svelte readable store contract. Fires on every OS-preference change AND on every mid-tree `` policy reassignment, so legacy store consumers see both sources. Kept for compat with hooks that still consume Svelte readables. ## See also - [`useReducedMotion`](/docs/use-reduced-motion) — OS preference only - [WCAG 2.3.3 Animation from Interactions](https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html) --- Based on [Motion's MotionConfig.reducedMotion](https://motion.dev/docs/react-motion-config#reducedmotion) API.