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.
JavaScript & CSS Scroll Animation
Switch Fixed UI Elements on Scroll With immerser.js
Use immerser.js to switch CSS classes on fixed headers, logos, menus, and pagers as users scroll through page sections. No jQuery required.
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.
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.
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.