appear-on-scroll

While working at Sagepath in 2018, I found myself reusing the same style of animations on many of the sites I developed. Specifically, I'd fade elements into view as the user scrolled down the page. And for one client, we wanted almost a parallax effect where the element would also "slide" into position while it became visible.

Since I was essentially repeating the same logic across multiple sites, I decided it would be best to make it generic enough to use on any page and create an installable package for it. This is how my appear-on-scroll npm package was created. I built it with TypeScript and no other external libraries. However, it still works as a JavaScript dependency and can be used on any site that has a module bundler like Webpack.

If you're interested in learning more about how it works, check it out on GitHub or install the package from npm.