25 templates · 18 live demos · 1 free
Scroll film website templates.
Cinematic scroll-film website templates: an AI film scrubbed frame by frame as you scroll, with pinned chapters, moving type and a live demo for each one.
Purlwick Knitted Fox That Chills as You Scroll
A knitted fox climbs onto the ice as the wordmark falls away, then a cooling curve counts down to minus 18
Brock Dunk That Drops the Wordmark
A badger dribbles and dunks on the scrollbar while a shot clock hits zero and the wordmark falls away
Duskgate Walk Through a Glowing Door Into Sleep
Scroll down a dark corridor toward a warm door; the headline appears only as the light fills the screen
Elytrix Macro Beetle With Pendulum Anatomy Cards
A macro beetle walks the first fold with almost no type, then four anatomy cards swing in on a pendulum
Goldwake Electric Craft Across Gold Water
One film of a silent craft over gold water, with specs, range, route and lineup placed on the scrollbar
Saffronmere Lantern-Lit Palace Fly-Through
Scroll a drone through a lantern-lit palace at pink dusk as five chapters of copy swap sides
Lickety Cat Licks the Lens Shop
Scroll and a ginger cat licks the lens, a cream glaze blooms from its mouth and opens the shop
Merrow Classic GT Unveiled on Scroll
Scroll pulls the cover off a racing green GT and circles it to the tail in a concrete gallery
Cirrion 3D Jet Over a Sea of Clouds
A real 3D jet flies between camera setups over a scroll-scrubbed aerial plate of snow peaks and cloud sea
Noctavel Emerald and Blackened Silver Rings
Scroll pushes in on a hand of emerald rings, slides a ring collection past and opens a smoke film
Lunelle Glass Magnolia Perfume
Scroll folds a blown-glass magnolia to a bud and opens it to full bloom on pure black
Marmora Marble Atelier
Scroll orbits a gilded marble bust in a sunlit hall while the story of the atelier unfolds
Kuro Apex GT: Hypercar Launch Film
An electric hypercar launch where every scroll pushes the camera closer, lit by amber light
Tessaline Audio: Liquid Chrome Headphones
Liquid-chrome headphones float in zero gravity and turn as you scroll, under rippling light
Arcalune Boatworks
Scroll a mahogany runabout out of a dark stone boathouse and onto a misty lake at first light
Kavik GT-1 Photoreal Scroll Film
A photoreal electric car launch site: a studio push-in film that scrubs with your scroll
Apex Drone Flight Story
A dynamic website showcasing aerial capabilities with scroll-scrubbed video and interactive 3D
EV Scroll Camera Journey
A scroll-scrubbed camera flies a spline around an electric car, stopping at each design detail
Lumina Press Film Strip Portfolio
A photographer's horizontal film-strip hero with a WebGL slit-scan light-leak transition between frames
Luxury EV Coupe Film Launch
Letterbox titles, pinned film chapters and a horizontal detail gallery reveal an EV coupe
Candlestick Scrub Investing
A candlestick chart draws itself as you scroll through a decade of compounding
Revive Elixir Liquid Story
A vibrant, scroll-scrubbed journey through natural ingredients and fluid simulations
White Model Fly-Through Studio
The camera glides through a white architectural model, pausing at each room to tell a project
E-Scooter Fold Sequence Shop
A 60-frame sequence folds an electric scooter in three seconds, then it's yours
Wireframe Mesh Launch
Giant condensed type framing a rotating wireframe mesh
Questions
What is a scroll film website?+
A page whose hero is a short cinematic film that plays forward and backward with the scroll, frame by frame, while chapters of copy pin and change over it. The film is part of the template, so it never looks like a stock video.
Do the films come with the template?+
Each live demo ships with its own film. The build prompt explains how the film was made and how to swap in your own footage or an AI film of your product.
Will a scrubbed film be heavy on phones?+
The frames are compressed WebP images loaded progressively, the canvas is capped at the screen's pixel ratio, and reduced-motion visitors see a single still.