Group blocks into stacks and add animation

Stacks

A stack keeps blocks together, one after another, so they move and resize as one and never overlap on a phone. Select two or more blocks and press ⌘G (Ctrl G on Windows) to stack them. ⌘ Shift G (Ctrl Shift G) unstacks them.

Change a stack’s direction, the gap between its blocks, and its padding and corners. Click once to select the stack, and again to select a block inside it.

On phones, a row of blocks turns into a column so everything fits. Turn on Keep the row if you’d rather it didn’t.

Animation

Select a block and open its animation settings. Pick when it moves:

• On appear: as it comes into view.
• On hover: when the pointer is over it.
• On scroll: as the page scrolls past it.
• Loop: over and over.
• Follow: it follows the pointer.

Text blocks have presets too, like the words or letters appearing one at a time. You can also pick how it moves, from a gentle ease to a bouncy spring.

People who’ve asked their device for less motion don’t see animations, so keep anything important visible without them.