JavaScript & CSS scroll animation
Animate On Scroll Using CSS @keyframes – Scrollerful.js
A lightweight AOS (animate on scroll) JavaScript library for animating elements on scroll using CSS keyframes and variables.
Apply Dolly-in Effect To Element On Scroll – pushIn.js
A tiny and high-performance JavaScript library that applies a configurable dolly-in (also called push-in) to elements when scrolling the webpage.
Modern Animate On Scroll Library For Vanilla JavaScript – Scroll Observer
A modern Animate on Scroll vanilla JavaScript library for animating elements into view on vertical page scrolling.
Performant Scroll-driven Interactions – scrollama.js
scrollama.js is a JavaScript library to create scroll-driven interactions that use Intersection Observer API for performant scroll position detection.
Image Sequence Animation On Scroll – Canvas Scroll Clip
A scroll-triggered image sequence animation (also called frame animation) inspired by Apple Airpods website.
Animate Elements On View While Scrolling – HumbleScroll.js
A lightweight AOS (animation on scroll) JavaScript library that can be easily integrated into any webpage.
Pin & Zoom Images On Scroll Using GSAP
A tiny JavaScript snippet that pins and zooms images while scrolling. Based on the GSAP Animation library and its ScrollTrigger plugin.
Smooth And Responsive Scroll Animation Library – vagajs
The vagajs JavaScript library provides a small collection of CSS animations that you can use to spice up your next project. As soon as the elements become visible, they start to animate.
Scroll-driven Interactions In JavaScript – Scrollmotion
A JavaScript library for scroll-driven interactions that use Animate.css library (or any other animation libraries) to animate elements as they scroll into view.