Apple's product pages have that scroll effect. The camera flies through a 3D world. Products float. Scenes transition. No cuts. One continuous flight driven by your scroll wheel. Here is what one costs to build in 2026. Big storytelling agencies (Noomo, WithLore, Utsubo): $15,000 to $100,000. Three to six... months. A team of designers, 3D artists, and WebGL developers. Awwwards-tier flagship from a senior freelancer: $8,000 minimum. Three.js multi-scene site with GSAP scroll: $3,500 to $8,000. That is if you can find a Three.js specialist. They charge $75 to $150 an hour. There are fewer of them than there are brands that want the site. Now meet scroll-world. A free, open-source agent skill for Claude Code and Codex that generates the entire thing from a prompt. Describe your brand. Describe the scenes. "A coffee brand. Start outside the farm. Fly into the roasting facility. Pass through the packaging. Land in the cafe." It generates the isometric stills. It generates the camera flights. It generates the connector clips between scenes from the actual boundary frames of both neighbors, so every seam is pixel-identical. No flicker. No cut. One continuous flight. Then it wires the chain into a portable vanilla JS scroll engine that drops into plain HTML, Next.js, or Vue. One prompt. Hours. Not months. 6,096 stars on GitHub in 25 days. 724 forks. MIT license. Built by cyw, founder and CTO of Hermai AI, out of San Francisco. Here is what scroll-world does: - Interviews you on brand, scenes, art direction, and budget before spending a cent - Generates the isometric stills through GPT Image 2 - Generates the camera flights through Seedance on Monid - Renders a native 9:16 portrait chain for mobile, not a crop - Ships a vanilla JS scrub engine with blob-seek, lazy load, and seam crossfade - Installs into Claude Code as a plugin or Codex through the Vercel skills CLI - Framework-agnostic Here is what scroll-world costs to install: Zero. Forever. Generation burns credits. A 6-scene 1080p chain on Monid pay-per-clip lands around $27, printed before the run starts. Big storytelling agency: $15,000 to $100,000. scroll-world: $27. Awwwards WebGL flagship: $8,000. scroll-world: $27. Three.js contractor for a month: $12,000. scroll-world: this afternoon. Your brand. Your world. Your scroll. 100% Open Source. (Link in the comments)show more

REPO:

Scroll driven camera flights are just scroll position mapped to a timeline. Did one in plain html/css and a bit of JS in an afternoon. The agency price is for the 3D assets and motion design, not the scroll mechanism itself.

Author here. I don’t think it would cost $27, what did you use to generate the landing page? Btw, it now default to use Monid AI which reduced the cost by 20% as well

I have a huge pet peeve for scroll hooking.

this is incredible will try it out this weekend

sure, do try this

Scroll animations like this look and feel terrible because the pace is controlled by your scroll which is disjointed and decoupled from the ease and cadence of the camera. Hideous.

Great to see you can make a prototype/mockup cheaply. However, the problem is that generated code won't be reusable or easy to modify, while replacing hallucinated content with actual products/locations 3d models (reuseable/easy to mod) will stake you back to the higher estimates

But this looks like shit

It's the kind of free where the software says 'welcome' and the APIs say 'that'll be $27 please😀 in other words, It's free... but the GPUs still send you an invoice. 😂

webgl specialists are definitely crying looking at this

I’ve seen similar AI driven pipelines cut months off WebGL projects. The $27 price point makes experimentation cheap, but you still need solid 3D assets to look good. Worth testing on a low risk brand

The coding part is easy with Claude. The generation of consistent video was the biggest headache. Took me a few hours but I am happy with the results. Thank you for sharing / open sourcing !

Neuralink introduced this in their web design in 2024 and it was so beautiful

software keeps turning premium services into prompts

Did it @ w/o skill, just prompting

never liked that effect, it looks so janky

This is genuinly really cool! Going to have my agents look at it. :-)

crazy how the early demos from the creator ran about 10 to 15 each

The website agency model just got disrupted. One prompt changed the game. ⚡

Those are pre-rendered frames.

You can do this in @nindotin with just a single click... there is a workflow for this pre-built

Always some jeeet using AI to write these slop articles

we introduced scroll world effects to aigamedev subreddit and reactions are very positive

🚀 Join the wellness revolution with StrongBodyAI! Become an HR Freelancer today. ✨ Work freely ✨ Grow globally ✨ Get support Apply: 📞 WhatsApp: +84 339 269 106

The scroll effects are impressive. But the real edge isn't building cheaper. It's knowing what to build. Four agents, each with a different lens on the same decision. That's not automation. That's a calibration swarm.

this is what agents should actually commoditize

Beautiful storytelling. Interactions like this make product pages far more memorable

the hidden cost is keeping webgl smooth on cheap phones, not the first demo

Scroll-driven camera flybys are just timeline mappings with scroll position.

Love how creativity gets a hand to be brought to the real world with lower cost and easy way out. The only limitation is your imagination!

If true this is insane!

the Apple scroll effect is not just polish. it turns product pages into proof that the thing is worth slowing down for

I am struggling way to much with the lag on the initial load - anyone got any advice?

I was just in the MIDDLE of building a website today. Seems pretty great