Scroll animation examples
53 scroll animations from live websites, each credited to the site it came from.
Scroll-driven sections turn reading into motion: pinned scenes, horizontal tracks, text that reveals line by line. Many of these run on GSAP's ScrollTrigger with Lenis for smooth scrolling.
Below: the strongest 48, including work from everyneuron.com, lightweight.info, endurosat.com and usavionix.com.
275 Neuron Copies Grid
everyneuron.com
Connectome Wiring Diagram
everyneuron.com
Performance Engineering Typography
lightweight.info
3D Wheel with Technical Line Art
lightweight.info
Scroll-built satellite in blue wireframe that assembles stage by stage and slides into a launch fairing
endurosat.com
Headline splits into two words that close into a progress bar, which becomes the chapter nav, then a dive into a 3D Earth
endurosat.com
Mission Preset with Progress Bar
usavionix.com
Real-Time Detection HUD
usavionix.com
Thermal Sensor Projection with Data Link
usavionix.com
Mission Completion with 3D Map HUD
usavionix.com
Phalanx AI Glow Grid Topography
usavionix.com
Analysis Grid with FUI Overlays
usavionix.com
Multi-Threat Response Topo HUD
usavionix.com
Swarm System with 3D Terrain
usavionix.com
Badge folds shut like a book, caps drop in and the screen boots
hervestudio.github.io
Scroll transition: engraved lines grow into black and reveal a red cathedral
santionispirits.com
Single Neuron DNa01
everyneuron.com
Voxels Emerging From Slice Plane
everyneuron.com
Nervous System Overview
everyneuron.com
Scroll camera that dives from a whole 3D brain map to one neuron and follows it
everyneuron.com
Scroll-built stack of microscope slices with a 3D neuron growing through it
everyneuron.com
Illustrated arm lifts a phone that plays Instagram-style stories on scroll
larevoltosa.es
Scroll zooms into an illustration's sunglasses, and the lens opens onto a video
larevoltosa.es
Horizontal scroll with staggered typography and color palette transition
konolee.com
Cosmic Pixel Art Scroll Narrative
overmindlab.ai
Lab — Asymmetric Thumbnail Mosaic
jordigarreta.com
Commercial Work in Scattered Grid
gregorcollienne.com
Editorial Mid-Scroll Rhythm
surroundings.site
Scroll-driven Scene Reveal
sondaven.com
Scroll-Driven Process Steps
pahari.vercel.app
Parallax Text Over Grid
deuxhuithuit.com
Scroll-triggered narrative pacing
integratedbio.com
Charcoal Illustration Explosion
untold.site
Scroll-Driven Vehicle Reveal
scoutmotors.com
Thin-Line Geometry and Depth
lightweight.info
Inline UI Typography Narrative
dittowords.com
Inline UI Components in Text
dittowords.com
Scroll-Stacking Card Effect
cohere.com
Starfield Typography Reveal
astrarise.vercel.app
Galactic Scale Typography
astrarise.vercel.app
Cosmic Typography Reveal
astrarise.vercel.app
Scroll-reveal values with line art
andhuman.co
Scroll-driven value reveal with illustrations
andhuman.co
Illustrated value cards in scroll sequence
andhuman.co
Inflated chrome word that flies through the camera on scroll
fluoro.london
Workbench drops away as the two shells rise and stand up
hervestudio.github.io
Wires route themselves pad to pin as rope physics on scroll
hervestudio.github.io
Scroll transition: a pillar panel tumbles away and the title builds among floating stones
santionispirits.com