Motion Choreography Patterns

Overview

This skill focuses on choreography: how multiple moving parts coordinate in time and space to communicate interaction intent.

Use it alongside foundational motion guidance to create motion systems that are legible, consistent, and production-ready across complex UI flows.

When to Use

• Designing sequences with more than one animated element
• Building staggered reveals, list transitions, and layout mode changes
• Implementing modal, drawer, popover, and overlay interaction stacks
• Handling add/remove/reorder scenarios in dense interfaces
• Mapping user input (tap, drag, scroll) to motion responses
• Auditing whether motion hierarchy matches product hierarchy

Choreography Model