Modern CSS Animation Library Using Custom Properties – animate-vanilla.css
A lightweight CSS animation library using CSS variables for easy, declarative control over transitions and scroll/view-based animations.
JavaScript & CSS Scroll Animation
Animate Numbers On Scroll with the CounterUp.js Library
A tiny JavaScript library that creates smooth, customizable number animations that trigger on scroll.
Minimal Vanilla JS Animate on Scroll Library – AOS-Lite
A lightweight AOS library that creates fade, slide, and opacity animations as elements enter the viewport.
Image Sequence Animation On Scroll – Canvas Scroll Clip
A scroll-triggered image sequence animation (also called frame animation) inspired by Apple Airpods website.
4 Scroll-triggered Animations In Pure CSS/CSS3
A collection of four scroll-triggered animation effects implemented in pure CSS/CSS3. No JS required.
Animate Elements Within A Specified Scroll Range – MiniParallax.js
A lightweight JavaScript library for creating precise scroll animations within defined scroll ranges.
Animate Elements on Scroll with Rizzm.js
Animates elements on scroll with Rizzm, a lightweight JS library that adds smooth animations to any elements without complex coding.
High-performance Animate On Scroll Library – Supersonic Plugin
A super lightweight, high-performance JavaScript library designed for animating elements on scroll using CSS3 animations.
Progressively Highlight Text On Scroll Using CSS animation-timeline Property
A scroll-driven text highlighting effect that allows you to progressively highlight specific text wrapped in mark elements as users scroll down the page.
Add CSS Animations On Scroll With The Simple AOS JS Library
A simple, lightweight, developer-friendly AOS JavaScript library that applies custom CSS animations to page elements as users scroll.