Declarative Interactive Animations in Vanilla JavaScript – Kinesis.js
A simple JavaScript library for creating interactive animations based on mouse, scroll, and audio data using simple data attributes.
JavaScript & CSS scroll animation
Fade/Slide In Elements On Scroll – JS Scroll Animations
A lightweight JavaScript scroll animation library that adds high-performance, CSS3-powered fade/slide animations to elements as they scroll into view.
Smooth Reveal Animations with Modern Web API – MurphyJS
A lightweight vanilla JS library for smooth, performant, scroll-based reveal animations using Intersection Observer and Web Animations API.
ScrollJs: Custom Scroll Animations and Lazy Loading
Improve user experience with ScrollJs. Add scroll-triggered animations and lazy load images for faster, more engaging websites.
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.
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.
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.
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.