Three.js × ScrollTrigger · reduced motion

3D product scroll

Scroll animation is paused. Chapters below mirror the live story — idle → express → work → approve.

01 · IdleSoft float, cyan disc, quiet dust.
02 · ExpressEyes morph — happy, sleep, working.
03 · Dolly inCamera closes; face tilts toward you.
04 · AgentsColor spheres assemble in orbit.
05 · Status lightsKey light shifts cyan → amber → emerald.
06 · OutroYour agents, always working. You approve.

01 · Idle

Always ready.

A soft cyan disc in space — gentle float, quiet dust, waiting for scroll.

02 · Express

Eyes that speak.

Happy arches, sleep bars, focused working — no mouth needed.

03 · Approach

Come closer.

Camera dollies in. The face tilts — presence, not a widget.

04 · Roster

Agents assemble.

Nine colorways orbit the mark — your team taking shape.

05 · Status

Working → Pending → Approved.

Lights shift with the story. Cyan busy, amber waiting, emerald done.

06 · Promise

Your agents, always working.
You approve.

Pinned WebGL · GSAP ScrollTrigger scrub

Scroll to explore