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.
JavaScript & CSS Scroll Animation
Scroll-driven Page-building Effect with Animated Cursors – cursor-swarm.js
Animated cursors draw boxes, type text, and reveal media as you scroll through a page.
Tiny Framework-Agnostic Scroll Animation Library – USAL.js
Add scroll-triggered fade, slide, zoom, flip, split-text, and counter animations using USAL.js data attributes and a modern JavaScript module.
Animated Hero Sections & Scroll Effects – Sharingan
Add animated WebGPU and DOM hero sections, GSAP scroll effects, and editable React or Web Component source installed through shadcn.
25+ CSS Scroll/Reveal/Loading/Typing Animations for the Web – CSS Animation
A CSS animation collection with fade, slide, hover, typewriter, and loading effects. Scroll reveals use a small vanilla JavaScript helper.
Modern Vanilla JS Library for Scrollytelling – Scrolleo
A modern vanilla JavaScript library for scroll-driven interactions. Zero dependencies, IntersectionObserver-based, full TypeScript support.
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.
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.
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.
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.