Motion study

Staggered Screen Generation Row

Loading…
Scene

Overview

Status pill. Then N device frames stagger left→right with connecting arrows. Camera pans with the arrival.

Build

  1. 01

    Status pill in.

  2. 02

    Screens appear at appearAt[i].

  3. 03

    Arrows between them.

  4. 04

    Camera pan follows the newest.

screen[i] { animation: reveal both; animation-delay: var(--appear) }
Example source React / TSX

examples/staggered-screen-generation-row.tsx · Uses the catalog’s shared composition helpers.

Loading source…