All collections · 774 templates · 319 live demos · 131 free
Scroll-animated website templates.
Pages that tell a story as you scroll: sections pin in place, and images or film play forward and backward with your scrolling. Good for product launches, case studies and brand stories.
Bathyal Expeditions Deep-Sea Dive
Scroll from the sunlit swell down to the seafloor at 3,300 feet, then tap the dark to ping what lives there
Biscuit & Co. Dog Treat Shop Where the Pup Watches You
A felt pup on an oxblood stage turns his head toward your cursor and catches every treat you toss
Velvet City Roleplay Community with a Floating Gold Crest
A minted gold coin tilts toward your cursor above a drifting city film and glowing shader chapters
Juniper AI Community Sidekick with a Living Neural Sky
A star field reshapes as you scroll while a live community chat plays beside a breathing neural sphere
Courtline Type Ring Sneaker Drop
Spin one sneaker inside a ring of giant words, snap your size to the front and enter the Friday draw
Maison Verity Drag to Decant Perfume House
Peel each note off a frosted stack and watch the crystal flacon pour, then choose your size and wear the truth
Marlowe Watercraft. Your Scroll Is the Throttle
A jet ski crosses a sunset ocean as fast as you scroll, then coasts to a stop when you let go
Aldermere. A Private Miami Brokerage Seen From Its Elevator
Brass doors part and a sideways elevator ride climbs from a chandelier lobby to a sunset sky terrace
Tellerhall. A Steakhouse Booked With a Bank Vault Dial
Spin a brass vault dial, pick a glowing table and the candlelit room cuts to your seat
Nora Whitlock. A Designer Portfolio Drawn in Pencil
Pencil sketches ink themselves into finished app screens while a ferry carries her career across the bay
Wirelight. An AI Tools Review Desk Lit Like a Night Newsroom
Re-rank ten tools with one tap and watch the studio monitor cut to each one live
Fogwire Summit. A Conference Site Run Like a Live Show
A downtown dome rises through the letters, then your scroll calls every cue to the after party
Night Proof. A Magazine That Prints as You Scroll
Pull four ink plates into register, run the press with your scroll, then flip through a year of covers
Halsey Crane Glass Lantern Architecture Studio
A glass lantern splits the light, then shatters and every shard lands as a frame
Pondpop Kids Learning App. The Plush Host Who Jumps
A felt pink axolotl waves in front of a giant bouncing wordmark, then leaps along to every section
Quarrow AI Data Cloud Particle Mark
A logo of sixty thousand lights parts under your cursor and rebuilds into each product as you scroll
Doorlight Property Co. A Home Opens Like a Movie
A slit of golden light opens into Austin at dawn, then your scroll walks the keys from the curb to the pool
Hearthfern Counseling. Therapy Like a Quiet Film
Rain on the window, a line written into the fogged glass, then a room that is warm and waiting
Ashby Kell. A Consulting Firm That Opens Like a Film at Dawn
Watch the name written on glass and wiped clean, then scroll a New York dawn into the boardroom
Taillight Studio. An Agency Site Shot on the Night Shift
A shutter opens on LA's freeways, your scroll drags the lights into trails, and the night ends at dawn
Kittredge K35 Excavator Dig Simulator
Dig one bucket of soil and watch every cylinder's pressure climb as the arm pulls through the cut
Saltwell House. A Charleston Hotel You Scroll Through
Step through an arched invitation, then scrub one evening at the house from sunset to the lit pool
Whitcomb & Thayer, a Law Firm Shot Like a Film
Open the case on pleading paper, scrub five counts of real footage, stamp results into evidence
Reed & Rivet Music. A Record Store That Plays Like a Movie
Drop the needle, scrub a five-shot film with your scroll, then strum a real guitar neck
Markham Hall: A Hudson Valley Wedding Told Like a Film
An arched window opens onto the orchard, then your whole wedding day plays out hour by hour as you scroll
Ostrander Signal Cinematic Web Studio Site
Liquid chrome footage locks into a browser window and your case studies roll through it like a film reel
Ironline Builders: A Pittsburgh Tower That Builds Itself
A blueprint draws itself, then a tower climbs floor by floor on a Pittsburgh river until its lights come on
Pathnote Spoken Street Guide Night Walk Film
Scroll to walk a rainy night street as hazards get boxes and spoken cues, then meet the glasses
Visitwell Patient Visit Prep Photo Story
One patient's week of photos dissolves in WebGL as you scroll, until she walks in ready
Kestrel PC AI with a Scroll-Scrubbed Fiber Iris Film
Scroll and a storm of glowing fibers gathers into a watching blue iris, frame by frame under your thumb
Halcyon Private AI with a Living Particle Iris
A breathing iris of particles wears your product screens like moons, then turns to watch every chapter
Harlan Street Garage Drop Light Auto Repair Site
Swing a mechanic's drop light over a real engine and watch every bolt throw a moving shadow
Quillstone AI Code Editor with a Particle Swarm
A storm of glowing particles circles your code, then splits into a crew of agents that check each other's work
Harborline Transit Night City to Subway Map
A night city of moving trains folds flat into a clean subway map, then you plan a trip and ride along
Haywire HW-16 Playable Drum Machine Launch
A 3D drum machine you can actually play: tap its pads, press play and the whole page moves to your beat
Barnhaven Classic Car Restoration Workshop Reveal
Move the light over a rusted barn find and watch the same car come back in racing green
Loden Alpine Wool Outerwear Film of Woven Light
Scroll as drifting light spells LODEN, circles A to Z, weaves a twill cloth and stitches a peak monogram
Tamada Georgian Restaurant Film of Toasts Written in Light
Scroll as drifting light writes Georgian letters, folds a khinkali and lifts a clay wine jar and a toast horn
Fernbeat Hill Radio Lo-Fi Computer on a Hill
A cream computer on a windy hill plays lo-fi music made live in your browser while the grass and clouds drift
Calendine Glass Body Pharmacy Film in a Night Meadow
Scroll pushes into a glass figure whose veins glow gold, then drifts out into chamomile and lavender
Aloft Aerialist Rising on a Floating Forest Island
An aerialist on a floating island of moss rises through a forest sunbeam as you scroll, a dove circling her
Fiora Atelier Color Fashion Shop with a Silk Preloader
A WebGL silk pulls away to a color-first fashion shop: drag carousel, working bag, scrubbed lookbook
Melira Honey Painted Classical World with Halftone Dissolves
Scroll pushes into classical paintings of a golden honeycomb that melt into each other in halftone dots
Vanderbol Bulbs Candlelit Dutch Paintings and an Auction
Scroll moves through candlelit Dutch paintings of a giant porcelain tulip bulb, with a live mock bulb auction
Hagane Kendo Dojo with Real Samurai Armor That Turns
An armored kendo master stands in drifting crimson smoke as the camera pushes in and spec cards pin to him
Porcelle Glass Skin Clinic Film in Night Magnolias
Scroll pushes in on a woman of glowing glass among night magnolias as frosted treatment panels glide past
Gentian Night Train Through a Flowering Carriage
Scroll walks a flowering night train corridor until the doors open onto a sunrise sea of clouds
Spinwell Frozen Laundromat Film and Poppable Soap Bubbles
Scroll flies out of a washing machine drum through a frozen laundry explosion as soap bubbles drift
Questions
How is scroll-scrubbed video done well?+
Every frame has to be a keyframe or the video stutters. Many of our templates avoid the problem by using image sequences on a canvas, or by drawing the footage live with three.js.
Does it work on mobile?+
Yes. Each prompt specifies shorter scroll ranges, lighter effects and a calmer version for visitors who prefer less motion.