TLDR Design · MISCELLANEOUS
ON LAYOUT CHOREOGRAPHY
Summary from the TLDR Design newsletter
Layout choreography gives interface reflows a visible path, letting users track where elements moved instead of experiencing a disorienting jump. FLIP animates the transform property rather than layout properties like top or height, since layout has already occurred by the time the animation runs. Effective choreography sequences movement by importance—the triggering element responds first, then surrounding content adapts—while still requiring a reduced-motion fallback that preserves content and clarity.