> ## 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.

# Layout Animation

> Animate how children reposition when content reflows within a Layout.

When a Layout resizes or its content changes, its children may move to new positions. Layout animation controls how children transition to their new positions, including the duration and easing.

![Animated layout resizing](https://mintcdn.com/rive/UDcjKVLQwXC-cZLc/images/editor/layouts/animate-layouts.gif?s=bee1c9fcf70816bd590145e189f47ef7)

> [card] [Learn by remixing](https://rive.app/community/files/28493-enable-layout-animation?utm_source=docs\&utm_medium=docs_link_card\&utm_campaign=docs_to_marketplace_links)
>
> Open this file on Marketplace, then click Remix to experiment in the Rive Editor.

## Adding Layout animation

**1. Add a Layout Animation**

Select a **Layout** and click the **+** button in the **Enable Layout Animation** section of the Inspector.

**2. Select a Mode**

* **None:** Disable Layout animation.
* **Inherit:** Use the Layout animation settings from the parent Layout.
* **Custom:** Define Layout animation settings for the selected Layout.

**3. Customize the Animation**

If you select **Custom**, set the duration and easing for the animation.

<video src="https://static.rive.app/video/enable-layout-animation.mp4" autoPlay loop muted playsInline />