> ## Documentation Index
> Fetch the complete documentation index at: https://rive.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Reduced Motion
> Make Rive animations more comfortable for users who prefer reduced motion.
Reduced motion preferences let users request less non-essential motion in apps and operating systems.
Rive can’t automatically decide which motion should be reduced because motion may be decorative, functional, or part of the meaning of an interaction. To support reduced motion, pass the user’s motion preference into your Rive file with a data binding property, such as `prefersReducedMotion`. Then use that property to decide how your state machine, timelines, and bound properties should behave.
> [!NOTE]
>
> Reduced motion preferences are usually detected by the app or platform, then passed into the Rive file at runtime. For web, this often starts with the `prefers-reduced-motion` media feature. See [MDN’s `prefers-reduced-motion` documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/%40media/prefers-reduced-motion) for accessibility guidance.
## Common strategies
### Use a separate reduced-motion path
For complex interactions and decorative motion, create separate state machine paths for full motion and reduced motion. Use a `prefersReducedMotion` Boolean property to choose which path runs.
### Reduce or disable animation speed
For simpler cases, bind transition durations, timeline speeds, or animation speeds to a property that changes when reduced motion is enabled.
For example, full motion might use a normal speed value, while reduced motion uses `0` or a lower value.
> [!TIP]
>
> Use [Converters](https://rive.app/docs/editor/data-binding/converters.md) to convert your `prefersReducedMotion` boolean to a value of 0.
>
> **1. Create a new converter**
>
> Create a new converter group called `BooleanToSpeed`.
>
> 
>
> **2. Add a Toggle converter**
>
> This will toggle the boolean so that when `prefersReducedMotion` is `true`, the output will be `false`.
>
> 
>
> **3. Add a Convert to Number converter**
>
> This transforms a `boolean` to a number where `true = 1` and `false = 0`.
>
> 
>
> **4. Data bind the animation speed**
>
> With the nested component selected, data bind the **Speed** value to `prefersReducedMotion` and add the `BooleanToSpeed` converter.
>
> 
>
> Now when `prefersReducedMotion` is `true`, the animation speed will be 0.
### Replace motion with non-motion feedback
Reduced motion does not always mean removing feedback. Instead of movement, scale, rotation, or bounce, use changes in opacity, or color.
### Reduce distance
Large spatial movement can be difficult even when it is slow. Consider reducing the distance an object travels, or replacing large movement with a small offset and fade.
## Runtime setup
At runtime, use [data binding](https://rive.app/docs/runtimes/data-binding) to pass the user’s motion preference into the Rive file.
> [!NOTE]
>
> In the future, runtimes may expose a built-in reduced motion value that can be read directly by the `.riv` file. For now, pass the user’s motion preference into the file yourself.
The Rive file should use that property to control state machine transitions, timeline speeds, or bound animation properties.
> [!NOTE]
>
> Rive does not automatically apply reduced motion. File authors need to decide which motion is essential, which motion is decorative, and what the reduced-motion experience should be.