Free Resources

“Animate On Scroll” is an easy to use scroll animation effects library

Animate On Scroll


Animation improves the user experience of the website and also impresses the visitors. With the use of CSS and jQuery, one can easily create any kind of animation. But, what if you want a ready made solution. “Animate On Scroll” is for you.

“Animate On Scroll” or AOS is easy to use library which lets you quickly add scrolling animation effects on your website.

How to use

Like other libraries, you only need to include CSS and JS files.


Initialize the script on page

After this, you only need to add data-aso to the element and define the animation class for it. For example, if you want to use “Fade right”effect, use this.

Demo | Download

  • Compatibility: Modern Browsers with CSS3 transform support
  • License: MIT License


To Top