Anime.js × ScrollTrigger · reduced motion

Motion scrollytelling

Scroll animation is paused. Jump to a chapter below — or turn off reduced motion to experience the Apple-style product scroll.

01 · Idle glowResting brand face with soft cyan breathe. 02 · Eye morphsDefault → happy → sleep → working — Anime.js morphs. 03 · Squash-stretch hopAnticipation, leap, soft settle. 04 · Agent orbitNine colorways assemble around the mark. 05 · Status pulseCyan working → amber pending → emerald approved. 06 · OutroYour agents, always working. You approve.
Working

01 · Intro

Meet your agents.

Capable, playful, always on. A quiet idle glow — ready when you are.

02 · Expression

Eyes that speak.

Default · happy · sleep · working. No mouth — the eyes carry the mood.

Anime.js morphs

03 · Personality

Squash. Stretch. Settle.

A little hop of delight — anticipation, leap, soft land.

04 · Roster

Agents assemble.

Nine colorways orbit the mark — your team, in motion.

05 · Status

Working → Pending → Approved.

Cyan when busy, amber while you decide, emerald when it’s done.

06 · Promise

Your agents, always working.
You approve.

Scroll-driven motion · GSAP ScrollTrigger · Anime.js eye morphs

Scroll to explore