# Animation

Allow you to control whether visual animations are applied to elements as they appear in the viewport while scrolling.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FEGyPmqjxLRGEC5KZMxVu%2Fanimation.jpg?alt=media&#x26;token=2b651d81-7b04-4bce-89a6-04a3ba17ffc8" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="228.982666015625">Settings</th><th width="110.692626953125" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Enable animations on scroll</td><td align="center"><code>checkbox</code></td><td>When enabled, certain page elements will animate into view as the user scrolls down the page.</td></tr></tbody></table>

### Note

* Scroll-triggered animations enhance user engagement and add a polished, dynamic feel to your storefront.
* For performance-sensitive users or minimal design preferences, you can disable this option.