Common animation patterns: Shared element transition

In this pattern, the user selects an element—often an image—from the page, and the UI animates the selected element to a new page with more detail.

You can easily implement shared element transitions between routes (pages) using the Hero widget.

Related concepts

Common animation patterns: Shared element transition — Structure map

Clickable & Draggable!

Common animation patterns: Shared element transition — Related pages: