Balance an entrance, a reading hold, and an exit.
Start here
Essentials
18 reusable foundations for motion. Start with a simple reveal, then explore attention, structure, feedback, continuity, and change.
Reveal content
Give information an entrance, a reading order, and time to land.
Use stagger to set the pace of a phrase.
Reveal a path through the gesture that draws it.
Guide attention
Make the important detail clear while keeping its context.
Emphasize the spoken word without losing the sentence.
Direct the eye by reducing competing contrast.
Connect a close-up to the view it came from.
Arrange elements
Make order, hierarchy, and structure visible through movement.
Turn simultaneous arrivals into a readable sequence.
Change the hierarchy while preserving each element.
Separate parts to explain how a whole fits together.
Respond to actions
Show cause, consequence, and a clear resting state.
Use compression, overshoot, and settling to convey force.
Connect an action to visible confirmation.
Show pickup, a destination, and a completed drop.
Connect scenes
Choose what carries across an edit: motion, time, or an object.
Carry one action across a change of viewpoint.
Use an overlap to communicate elapsed time.
Let a recognizable object connect two settings.
Explain change
Help the viewer follow quantities instead of comparing static states.
Reveal a trend in order and emphasize its endpoint.
Keep individual units visible as their grouping changes.
Change proportions while preserving the total.