Getting Started

You can add an animation to any component on scroll to your website. Follow all the instructions in this article to learn how to add animation to your website.

Animation on Scroll

To add animation on scroll to a component on your website, refer to the steps below:

Select any component and click on Edit


Go to the Advanced tab


Expand the Animation on Scroll option


Choose any animation type from the dropdown menu


Configure the selected animation according to your requirements


Finally, Save and Publish the site

Enable Animation on Mobile

By default, Animation on Mobile is turned off. To turn it on, please follow these steps:

Go to Global Styles



Expand the Animation Settings option


Switch on the Enable Animation on Mobile option


Finally, Save and Publish the site



Please note that, Animation On Scroll can cause performance issues on mobile devices due to frequent scroll event handling and heavy animations, leading to lag, higher CPU usage, and battery drain.

Cheers! 😉

Related articles

Responsive Settings

Custom CSS

Updated on: 28/05/2025