480 templates · 22 live demos · 130 free
Scroll-animated website templates.
Apple-style scroll storytelling templates: GSAP ScrollTrigger pins, scroll-scrubbed image sequences and video, horizontal tracks and 3D product reveals.
Live demoWebsite promptProAgent Swarm Force Graph
A 3D force graph of AI agents passing glowing tasks along their links
Live demoWebsite promptProAmber Flacon Perfume House
A glass perfume bottle turns in candlelight while its scent pyramid blooms note by note
Live demoWebsite promptProArc Sedan Image-Sequence Launch
A 240-frame canvas sequence spins an electric sedan through a pinned launch story
Live demoWebsite promptFreeCarbon Buoy Ocean Chapters
A hand-drawn ocean line guides you through pinned chapters about capturing carbon at sea
Live demoWebsite promptProCeramic Glaze Turntable
A stoneware vase turns on a wheel while scroll fires it through three procedural glazes
Live demoWebsite promptProCurl-Noise Particle Lab
A quarter-million GPGPU particles morph from wordmark to sphere to helix as you scroll
Live demoWebsite promptProDepth-Map Architecture Portfolio
Building photographs gain real parallax depth from grayscale depth maps as the cursor moves
Live demoWebsite promptProDotted Globe Logistics Site
A 16,000-dot globe streams live shipment arcs between ports while the page tells the routing story
Live demoWebsite promptProDrone Swarm Flocking Site
Eight thousand GPGPU boids swarm across a dawn sky and assemble into formations on command
Live demoWebsite promptProEV Scroll Camera Journey
A scroll-scrubbed camera flies a spline around an electric car, stopping at each design detail
Live demoWebsite promptProHalo Headphones Exploded View
Headphones float apart into fourteen machined parts as you scroll, then snap back together
Live demoWebsite promptProHeron Rocket Ascent Story
Scroll is altitude: the sky darkens from blue to black as a rocket climbs through staging
Live demoWebsite promptProHypercar Studio Floor Reveal
A hypercar rolls out of darkness onto a mirror floor as light bars sweep its bodywork
Live demoWebsite promptProInstanced City Data Twin
Four thousand instanced city blocks rise and glow with a 24-hour scrubbable data pulse
Live demoWebsite promptProMirrorless Camera Aperture Chapters
An iris of nine blades closes and opens to cut between chapters of a camera launch
Live demoWebsite promptProOcean Depth Descent
Scroll dives from sunlit surface to the hadal dark while fog, god rays and bioluminescence change
Live demoWebsite promptProRidge Drone Canyon Video Scrub
Scroll flies an FPV drone through a canyon, frame-accurate, with a live altitude HUD
Live demoWebsite promptProRunner Sole Layers 3D-2D-3D
A running shoe flattens into a technical diagram, then rebuilds itself as you scroll
Live demoWebsite promptFreeScroll-Bent Image Planes
Editorial agency images become WebGL planes that bend and colour-split with scroll speed
Live demoWebsite promptProShowreel Through the Letters
A motion designer's reel plays inside giant letterforms, then bursts to full screen on scroll
Live demoWebsite promptFreeSparkling Can Parallax Shop
A tilting can floats through layers of citrus and bubbles with a sticky add-to-cart
Live demoWebsite promptFreeSynthwave Terrain Racer
An endless neon wireframe landscape rushes toward a striped sunset for a retro racing game
3D Project Constellation Agency
A scroll-driven camera flies through a starfield of project nodes connected by glowing Bezier curves
Action Cam Fisheye Ride Scrub
A mountain-bike descent scrubs through a live fisheye lens you can dial flat
Adventure Journey Map
An adventure travel site with a scroll-driven map that draws a path, revealing destinations along the way.
Aero Hypercar Dynamic Reveal
A sleek electric hypercar's design and engineering are unveiled with cinematic camera moves
Aether Fold-Deploy Drone
Witness a portable drone unfold from its compact form into flight-ready precision
Agent Flock on Paper
Thousands of ink-dark agent arrows flock across warm paper and swarm around each task
Air Purifier Filter Particles
Twenty thousand dust particles stream through three filter layers and come out clean
Alpine Snow Lodge
A mountain lodge site where snow falls through altitude chapters and ends at the fireplace
Alternative Asset Mosaic
A 3D mosaic of alternative assets that rebalances as you scroll through risk profiles
Anthology Series Channel Surf
An anthology TV series site where you flip through episodes like channels on an old CRT television
Aperture & Line Film Strip Portfolio
An infinite 3D film strip scrolls horizontally, each frame a project, with a viewfinder cursor
Apex Amplifier Engineering Reveal
A precise, scroll-driven exploration of an audio amplifier's internal architecture and sound
Apex Drone Flight Story
A dynamic website showcasing aerial capabilities with scroll-scrubbed video and interactive 3D
AR Glasses First-Person HUD
Scroll walks you through a city in first person while AR overlays pop into view
Architectural Walkthrough
A high-end real estate website featuring a scroll-driven 3D architectural walkthrough of a luxury home.
Architecture Journal 3D Grid
An architecture and design journal whose image grids fold and tilt in 3D perspective as they scroll
Architecture Section-Cut Agency
A clay-white building is sliced open by a moving section plane to reveal its rooms as you scroll
Arctic Rail Aurora Journey
A night-train travel site where the aurora ripples overhead as a train crosses a snowy route map
Autonomous Shuttle Lidar City
Scroll drives a driverless shuttle through a city made entirely of lidar points
Basepoint Cash-Flow Canvas
A living watercolor of income streams that reacts to scroll
Battery Recycling Rotating Wheel
A pinned circular diagram turns through six stages of battery recycling as you scroll
Blueprint Extrude Portfolio
Scroll drives a generative blueprint that extrudes into a 3D building model
Blueprint Line-Draw Studio
Architectural drawings sketch themselves in white line on blueprint blue as you scroll
Botanical Orbit Gin Distillery
A gin distillery site where eleven botanicals orbit inside a glass and distil into a single drop
Brutalist Glitch Streetwear
A brutalist streetwear drop site where every image enters through RGB-split slices and datamosh smears
Calm Insurance Line-Draw
Soft waves and hand-drawn shields that sketch themselves in as you read about cover
Questions
How is scroll-scrubbed video done well?+
Every frame must be a keyframe (ffmpeg -g 1) or you get stutter; many of our templates instead use canvas image sequences or render the 'footage' live with three.js.
Does it work on mobile?+
Yes — each prompt specifies reduced scroll ranges, lighter effects and a reduced-motion fallback for phones.