Scrolling Website Video Generator

Scrolling Website Video Generator, Built From a Prompt

One prompt builds a page where scroll position is the playhead — the camera dives into a scene, flies out, and lands in the next with no cut.

Fontaine at night — the aquabus terminal, built in the Genshin Impact world for this page. Scroll inside the frame to fly through three scenes.

Fontaine at night, built for this page in the Genshin Impact world. Scroll inside the frame: three stops, three dives, two joins, one continuous flight.

The Descent — Chasm City, bridges and towers across a glowing chasm, with chapter nav and scene copy on screen.

Scroll of Colossal Things — a cliff-carved Buddha with vines over its ear, scene copy and stat rows beside it.

Cronache di Feira e Airalia — Airalia, the city in the sky, eagles circling cloud bridges, Italian copy on the left.

Fontaine at night — the shopping arcade, scene title and chapter nav over the generated video.

The Descent — the Abandoned Gate. A lit stone corridor runs into the dark, with chapter nav, 01 / 05, the title and a one-line caption. — **The Abandoned Gate** — Frame 1 of 5: chapter nav, scene title and a one-line caption laid over the video as HTML. That text is editable after the build.

The Descent — Crystal Descent. A stone spiral bridge arcs over a blue-lit chasm with a waterfall behind it. — **Crystal Descent** — Mid-dive down the spiral. The camera is moving, not parked on a still — the bridge rail sweeps while the copy holds.

The Descent — Dragon Sanctum. A dragon coils on a heap of gold and eggs in a flooded vault, with a Descend again button. — **Dragon Sanctum** — The flight ends on the guardian and a Descend again button. Scroll length is set by the page, not by any clip’s runtime.

Scroll of Colossal Things — a whale the size of a mountain under a small boat, ink-wash style, with Chinese copy and stat rows. — **The Whale** — Five ink-wash chapters. One generated still per scene, then the camera work; the stat rows and chapter chips are HTML.

Scroll of Colossal Things — an old man’s face formed by a mountain ridge, mist and pine trees below. — **The Sleeping Mountain** — Scene 2 keeps the paper, brush and type of scene 1, because every still is derived from one master look.

Scroll of Colossal Things — a tall pagoda rising into mist beside a dragon’s tail and a carved Buddha. — **The Tower** — A vertical subject in a 16:9 frame: the composition is chosen for the page, so nothing letterboxes on a laptop.

Cronache di Feira e Airalia — a blue crystal city inside a cavern, with Italian title Feira · la Città di Cristallo. — **Feira, City of Crystal** — An Italian build: titles, body copy and nav all in Italian. The page is written in the language you ask for.

Cronache di Feira e Airalia — a dawn valley with a lake and forest, Italian title Il Mondo Esterno over it. — **The Outer World** — Scene 3 walks out of the tunnels into daylight through a generated connector — the camera steps out instead of cutting to black.

Fontaine at night — the aquabus terminal, scene title and chapter nav over the generated video, built for this page. — **The Aquabus Terminal** — Built for this page in the Genshin Impact world: three scenes, three dives, two connectors, published as one scroll page.

LIVE PROOF

See the work live.

Open the work and use it here.

A page that scrubs video, not a reel that plays.

Studio generates the scenes, the dives and the joins, writes the overlay copy, and publishes the page. What ships is a static site: the video files, one HTML file, a small scrub engine. No framework, no timeline, no export step — open the URL and scroll.

Scroll is the playhead — Every scroll position maps to a frame. The visitor sets the pace, and stopping halfway holds the camera exactly there.
One look, three scenes — A master still fixes palette and light; each scene is derived from it, so the harbour in scene one is the same harbour in scene three.
Copy you can edit — Titles, eyebrows, stat rows and nav labels are HTML in the published page. Change the words without re-rendering a clip.

Questions people ask before building one.

What is a scrolling website video generator?

It builds a page where scroll position sets the playhead of a pre-rendered camera flight. You scroll, the camera moves through generated scenes — there is no play button and no timeline to edit.

Is this a video of my website scrolling?

No. If you want a screen recording of an existing page moving, use a capture tool. This builds the page itself, with the video inside it, and scroll drives the video.

Do I need GSAP, After Effects or a video editor?

No. The run writes plain HTML, CSS and a small JavaScript scrub engine; the clips are generated. The result sits on any static host.

How many scenes can I have?

Three is the default, and roughly 25 MB of video. Each extra scene adds a dive and a connector, about 9 MB more. The Descent on this page runs five.

How long does a build take?

Stills come first, clips last. A three-scene flight usually lands in one to two hours, depending on the video queue — the Fontaine build on this page took about 80 minutes.

Will it work on a phone?

Yes. Touch scrolling scrubs the same engine, and small screens can load a lighter encode so the first scene starts sooner.

Are the seams really invisible?

Each connector starts on the real last frame of the dive before and ends on the real first frame of the dive after. Some builds add a short dissolve as insurance; ask for frame-identical joins if you need a hard match.

Can I use my own IP, art or copy?

Yes. Build inside an existing world so its cast and architecture carry over, or hand the run a reference still. Scene titles, body copy and nav labels stay editable HTML.

Give one place three stops.

The button loads a harbour night market — fish stalls, lantern alley, rooftop shrine. Change the place and the stops in the box; the page comes back scrollable.

Build a harbour night market site