AOS.js

Animate Elements As You Scroll

Add delightful scroll-based animations to your web projects with AOS.js - modern, responsive, and easy to customize.

Try the Demo

Live Demo

HTML Example


<div data-aos="fade-up" data-aos-delay="200">
  This element will animate
</div>

JavaScript


const aos = new AOS.init({
  duration: 1000,
  once: true
});

First Section

This content fades in as you scroll

Second Section

This content zooms in smoothly

Third Section

This content slides in from left

Scroll down to see more →

Why Choose AOS?

Zero Dependencies

AOS.js is lightweight and requires no other libraries to function.

70+ Animations

Choose from a wide selection of built-in animations and transitions.

Mobile Friendly

Perfect scrolling animations on all device sizes including touch screens.

Over 2.5 million sites use AOS.js

Join the community of developers creating animated experiences

+2.5M

Monthly Downloads

70+

Available Animations

50+

Contributors

250k+

GitHub Stars

Ready to Get Started?

Easily add beautiful scroll animations to your websites and applications

Install Now