This package contains pre-canned animations for commonly-desired effects. The animations can be customized with your content and dropped into your application to delight your users.
To see examples of the following animations on a device or simulator:
cd example/ flutter run --release
Material motion is a set of transition patterns that help users understand and navigate an app. For more information on the patterns and how to choose between them, check out the Material motion system spec.
A codelab, Building Beautiful Transitions with Material Motion for Flutter, is also available.
Material motion defines the following transition patterns:
The container transform pattern is designed for transitions between UI elements that include a container. This pattern creates a visible connection between two UI elements.
Examples of the container transform:
The shared axis pattern is used for transitions between UI elements that have a spatial or navigational relationship. This pattern uses a shared transformation on the x, y, or z axis to reinforce the relationship between elements.
Examples of the shared axis pattern:
The fade through pattern is used for transitions between UI elements that do not have a strong relationship to each other.
Examples of the fade through pattern:
The fade pattern is used for UI elements that enter or exit within the bounds of the screen, such as a dialog that fades in the center of the screen.
Examples of the fade pattern: