> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/nimbus-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/nimbus-theme/theme-settings/animations.md).

# Animations

Animation on websites adds motion and engagement. It attracts attention, increases interaction, and enhances user experiences.

{% hint style="success" %}
**Steps:** 

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Animations**
3. Make necessary changes
4. **Save**
   {% endhint %}

<div align="center"><figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FGtS2KSdKjWgTTgt49S8g%2Fanimation.jpg?alt=media&amp;token=3b8d6845-d03b-4d2a-9476-dea57f614a27" alt="" width="314"><figcaption></figcaption></figure></div>

* **Enable animations** - Enable animation when load and scroll down page.
* **Animation style** - Type of animation When load and scroll down page.
* **Animation speed** - Speed of animation When load and scroll down page.
* **Show page transition** - Displays a loading spinner while a page is loading.