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.
JavaScript & CSS Scroll Animation
Modern Vanilla JS Library for Scrollytelling – Scrolleo
A modern vanilla JavaScript library for scroll-driven interactions. Zero dependencies, IntersectionObserver-based, full TypeScript support.
Trigger CSS Animations Based On Element’s Position – Trig.js
A simple and lightweight AOS (animate on scroll) library that applies custom CSS3 animations and transitions to elements as they scroll into view.
Vanilla Scroll Sky: Pure CSS Scrollytelling Library
CSS scrollytelling library using scroll-driven animations and sticky layout. No JavaScript required.
Custom Reveal Animations on Scroll – DOM Flowt
A lightweight JS library using CSS3 and data attributes for easy element animations as they enter the viewport.
Lightweight CSS3 Animation Library with Data Attributes – data-anim
Add 30+ GPU-accelerated scroll animations to any HTML element using data attributes. Under 3KB and built-in anti-FOUC protection included.
Animate Elements On Scroll With Parallax Effect – locomotive-scroll
locomotive-scroll is a modern JS library that applies a smooth, subtle, configurable parallax scroll effect to elements when scrolled into view.
Lightweight & Performant JavaScript Animation Library – MotionFlow
A lightweight JavaScript library for scroll animations, parallax, and text effects. It uses HTML attributes for zero-config setup.
Lightweight Modern Animation on Scroll Library (5.7KB) – aos.js
Lightweight scroll animation library (5.7KB) with TypeScript support. Animate elements on scroll across Vanilla JS, React, and Vue.
High-Performance CSS Scroll Animations with MOS.js
Add smooth scroll-triggered animations with simple data attributes. Zero dependencies, 12+ animation types, CSS variable timing.