Three round avatars start stacked horizontally. When about a quarter of this section is on screen, they animate into square cards (sharp corners) side by side.

Keep scrolling ↓

This team worked on this

Click the stack or scroll until about a quarter of this block is on screen — the fan-out runs once and stays open.

Morgan Lee

Morgan Lee

Creative Director

Jordan Kim

Jordan Kim

Lead Engineer

Alex Rivera

Alex Rivera

Product Design

After the reveal

Scroll-driven scrubs motion to scroll position; this POC is scroll-triggered — crossing 35% progress as the section moves through the viewport runs a timed fan-out; click also opens it, and it stays open. Tune STACKED_AVATARS_TRIGGER_PROGRESS and scroll offset in useStackedAvatarsMotion.