Loading video...

Video Failed to Load

Go Home

117,115 views • 3 months ago •via X (Twitter)

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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)

Nav Toor

353,967 views • 1 month ago