Neta
ExploreWorksWorldsToolsGuides
ExploreToolsGuides
Make My 3D Scroll Site
3D scroll website builder

3D Scroll Website Builder — No Three.js, No Code

Describe a place in one line and scroll moves a real camera through it: generated scenes, a dive into each, fly-outs you never see. No Three.js, no GSAP.

Liyue, the lantern alley — Genshin Impact. Mid-dive: lanterns slide past the lens and the market keeps its depth.Fontaine, the grand staircase — The flight starts outside the arcade and enters it — one take, no cut.Katagiri High, the stairwell — Horimiya. Hori walks out; the corridor keeps its depth behind her.Shibuya, the crossing — Built for this page: one sentence, three plates, one continuous flight.

Powered by the Scroll World Video skill.

✦3D scroll site
Make a 3D scroll site about a night market under one long lantern
The aquabus terminal — First stop: headline, body and tags over the water. Scroll alone moves the camera.
The aquabus terminal — First stop: headline, body and tags over the water. Scroll alone moves the camera.
The opera roof — Third stop. The doors, the light, the same flight, still no cut.
The opera roof — Third stop. The doors, the light, the same flight, still no cut.
The fish stalls at low tide — Xiangling at the counter; tide and catch set as data, not decoration.
The fish stalls at low tide — Xiangling at the counter; tide and catch set as data, not decoration.
The training grounds — The Hollow Star. A twelve-chapter rail and an aerial descent into the arena.
The training grounds — The Hollow Star. A twelve-chapter rail and an aerial descent into the arena.
The last bell — Hori and Miyamura in the shoe lockers, headline held on the left.
The last bell — Hori and Miyamura in the shoe lockers, headline held on the left.
Above the classrooms — Last stop: two characters at the railing, the city going gold.
Above the classrooms — Last stop: two characters at the railing, the city going gold.
The scramble — Built for this page. Street level, camera diving in from above the crowd.
The scramble — Built for this page. Street level, camera diving in from above the crowd.
The stairs down — Second plate: the metro mouth, handrails sliding past, gates at the bottom.
The stairs down — Second plate: the metro mouth, handrails sliding past, gates at the bottom.
Above the curtain — Final plate: the rooftop, the figure, the whole crossing underneath.
Above the curtain — Final plate: the rooftop, the figure, the whole crossing underneath.
01 / 03

Fontaine, at night

Three stops in one take: the aquabus terminal, the arcade, the opera roof.

Fontaine, at nightOpen in new tab
Want your own?

One sentence, then the page scrolls like a camera.

Neta Studio generates each scene, holds one grade across all of them, and flies the camera in and out between them. The page you publish only scrubs that footage, so scroll position is the camera clock — and the words stay editable in the same place the page lives.

  • Depth, not parallax fakes — a scene is generated as a still, then a model flies a camera into it. Nothing is faked with layered PNGs or a CSS transform.
  • Seams you cannot find — every join is matched to the previous clip’s last frame, so the flight reads as one take.
  • Editable after publishing — headline, body, tags and scene order are plain fields. Change them, republish, the camera work stays.

Questions, answered.

Is this actually 3D, or a video on a page?

It is pre-rendered. Each scene is a generated still, the camera move is a generated clip, and scroll position scrubs that clip. You get real depth and real motion at a few megabytes per scene — but you cannot orbit the model or walk off the path.

Do I need Three.js, GSAP or a designer?

No. You write one sentence. No library, no timeline, no scene graph, and no shoot budget either.

What does the first load weigh?

Three scenes, roughly 23–25 MB, behind a progress gate before the page opens. Each extra scene adds about 9 MB to that wait.

Can I use my own photos or brand?

Yes. Pass them in as references and each scene is derived from them, so a real place keeps its look and light. For a world that does not exist yet, a sentence is enough.

What can I change afterwards?

Each scene’s headline, one line of body and up to three tags, plus the scene order. The camera work stays as rendered.

Will it work on a phone?

The page opens and scrolls with lighter encodes and a centre crop. Scrubbing is a desktop gesture; on a slow phone the first load is what you feel.

How is this different from a template with scroll animations?

A template animates elements you already have. Here the scene, the depth and the camera path are generated, so the page can fly through a place that never existed.

Where does the finished site live?

It publishes as a work with its own public link. Send it, embed it, or fork it and swap the scenes.

One sentence, one flight.

Three scenes, a camera that moves through them, and a link you can send.

Make My 3D Scroll Site
×