# MotionConfig > Component that supplies default transition and reduced-motion behavior to every descendant motion component. **Source:** [https://motion.svelte.page/docs/motion-config](https://motion.svelte.page/docs/motion-config) --- `` is a context provider that supplies default `transition` timing and the `reducedMotion` policy to every descendant `motion.` component. Use it at the root of a route, an interactive subtree, or a single section to avoid repeating the same transition props on every child. ```svelte ``` Both `motion.div`s above pick up `{ duration: 0.4, ease: 'easeOut' }` as their default transition. Any explicit `transition` prop on a descendant overrides the inherited default. ## Default `transition` The `transition` prop accepts any `MotionTransition` — duration, easing, spring options, per-key overrides, etc. ```svelte ``` ### Per-property defaults ```svelte ``` ### Override at the leaf Explicit `transition` on a `motion.` always wins: ```svelte ``` ## `reducedMotion` policy `reducedMotion` controls how transform animations behave for descendants. Three values: | Value | Behavior | | --- | --- | | `'never'` (default) | Animations run as authored, regardless of OS preference | | `'always'` | Strip transform keys (`x`, `y`, `scale`, `rotate`, `skew`, …). Other props (opacity, color, etc.) still animate | | `'user'` | Honor the OS-level `prefers-reduced-motion: reduce` — acts like `'always'` for users who opted in, `'never'` otherwise | ```svelte Always fades in. Translation only runs for users who haven't requested reduced motion. ``` **`'user'` is the right default for production sites** — it respects the OS accessibility preference without forcing motion off for users who haven't opted in. Use `'always'` for previews / docs surfaces where you want motion disabled regardless of user setting. ## Nesting Configs nest. The nearest ancestor wins per prop — and props from outer configs that aren't overridden still apply. ```svelte ``` ## Programmatic reads For per-component decisions that go beyond stripping transforms (e.g. swapping a parallax effect for a static background), read the resolved policy via [`useReducedMotionConfig`](/docs/use-reduced-motion-config): ```svelte {#if reduced.current} {:else} {/if} ``` [`useReducedMotion`](/docs/use-reduced-motion) reads only the OS preference (no `MotionConfig` ancestor required). [`useReducedMotionConfig`](/docs/use-reduced-motion-config) reads the resolved policy from the nearest `MotionConfig` combined with the OS preference. ## See also - [`useReducedMotionConfig`](/docs/use-reduced-motion-config) — Reactive read of the resolved policy - [`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](https://motion.dev/docs/react-motion-config) API.