Anime.js motion lab · reduced motion

2D motion instrument

Scroll scrub is off. Brand face stays visible below as static chapter cards — the shipping motion system in outline.

01 · Idle glowResting brand face with soft cyan breathe.
02 · Eye morphsDefault → happy → sleep → working.
03 · Squash-stretch hopVisible Y squash, leap, soft settle.
04 · Agent orbitNine colorways assemble around the mark.
05 · StatusCyan Working → amber Pending → emerald Approved.
06 · You approveHold + CTAs to hub and the Three.js presence lab.

Back to hub Open Three.js lab

Working

01 · Idle

Meet your agents.

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

02 · Expression

Eyes that speak.

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

03 · Personality

Squash. Stretch. Settle.

A hop of delight — squash on Y, leap, soft land.

04 · Roster

Agents assemble.

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

05 · Status

Working → Pending → Approved.

Badge and body lights stay in sync: cyan, amber, emerald.

06 · Promise

Your agents, always working.
You approve.

Hold the mark. Then jump back or try the presence lab.

Back to hub Open the other engine
Scroll to explore