Lesson List
Lesson: Animations and Page Interactions
About Lesson

Stagger, Sequence animations and communicate between components using overrides

Let’s dive deeper into animations and overrides between components. We’re going to push our prototype to greater heights with variants, stagger, the interactive Page component and using await to sequence your animations.

Stagger Animation

This is a popular animation technique that shows animation in an order. Please note that text, code components can’t have overrides, so you’ll have to put them in a new Frame (Command + Enter).


You can use the onChangePage event from Page component to build a custom pagination design with any animation that you want.


Using async and await, you can order your animation calls the way you want.

Exercise Files
No Attachment Found
No Attachment Found
Join the conversation
Lesson List
0% Complete