Introduction to animations

UI

Animations

Choosing an approach

Codelabs, tutorials, and articles

Animation types

Tween animation
Physics-based animation

Pre-canned animations

Common animation patterns

Animated list or grid
Shared element transition
Staggered animation

Other resources

Well-designed animations make a UI feel more intuitive,
contribute to the slick look and feel of a polished app,
and improve the user experience.
Flutter’s animation support makes it easy to implement a variety of
animation types. Many widgets, especially Material widgets,
come with the standard motion effects defined in their design spec,
but it’s also possible to customize these effects.

Choosing an approach