AOS (Animate On Scroll) is still downloaded about 174,000 times a week. Its last release, 2.3.4, came out in October 2018, and 3.0 never left beta. I wanted a maintained, typed version with the same animations and options, so I built reveal-on-scroll .

Quick start

npm install reveal-on-scroll

Enter fullscreen mode

Exit fullscreen mode

import ROS from ' reveal-on-scroll ' ; import ' reveal-on-scroll/style.css ' ;

ROS . init ();

Enter fullscreen mode

Exit fullscreen mode

<div data-ros= "fade-up" > I fade in when you scroll to me. </div>

Enter fullscreen mode

Exit fullscreen mode

No bundler? Use the CDN:

<link rel= "stylesheet" href= "https://unpkg.com/reveal-on-scroll/dist/reveal-on-scroll.css" /> <script src= "https://unpkg.com/reveal-on-scroll/dist/reveal-on-scroll.js" ></script> <script> ROS .…