Skip to content
edge

Three.js Scroll Worlds

Turn a website into one 3D world visitors travel through by scrolling.

Meng Toexample run
Kage scroll world: a dark temple and torii under a red moon with falling red leaves, giant KAGE letters in the foreground and chapter numbers 01 to 04.

Turn my landing page into one 3D world visitors travel through as they scroll, in six chapters.

Used Edge: Three.js Scroll Worlds

One scene and one camera for the whole page.

The camera moves per chapter as you scroll, with synced text.

What it does

  • One persistent world
  • Scroll-driven camera
  • Story chapters
  • Real detail
  • Three.js
  • Performance checked

Why Meng To

Founder of Design+Code. Each fact links its public source.

  • Founded Design+Code

    He founded Design+Code, teaching designers to code and developers to design.

    mengto.com
  • Builds design tools Aura and DreamCut

    He builds Aura and DreamCut alongside his Design+Code courses.

    mengto.com
  • 7k+ GitHub stars on his skills

    His agent skills repo for designers and builders has 7k+ GitHub stars.

    GitHub

Public sources, checked Oct 26, 2026.

How it works

  1. 1
    Plan

    Writes a world bible and scene ledger.

  2. 2
    Build

    Builds one scene with camera waypoints.

  3. 3
    Verify

    Checks scroll, detail and frame cost.

Turn my landing page into one 3D world visitors travel through as they scroll, in six chapters.

Used Edge: Three.js Scroll Worlds

One scene and one camera for the whole page.

demo/index.html1280 × 720 · 6 chapters

The image is Meng To's own Kage demo from the skill's demo folder.

Give your agent Three.js Scroll Worlds.

Free. No Edge account.

Use Three.js Scroll Worlds with Edge

Claude app

Add to Claude

Opens claude.ai in your browser. Add it once, and Edge is in the Claude desktop and phone apps too.
Then click Continue Add Connect and open a new chat.

Already added? Open a new chat in Claude.

ChatGPT

Add to ChatGPT

Opens the Edge plugin in ChatGPT. Click Install plugin, then start a new chat.

Claude Code or Codex

Free · No Edge accountOther agents