Fancy pre-built Animations for Flutter

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

Available Animations

Currently, the following animated effects are available in this library:

Material's Open Container Transitions

Tapping on a container (e.g. a card or a button) will expand the container to reveal more information.

Card with Fade TransitionCard with Fade Through Transition
Open Container Card Fade Transition DemoOpen Container Card Fade Through Transition Demo
Floating Action Button with Fade TransitionFloating Action Button with Fade Through Transition
Open Container Card Fade Transition DemoOpen Container Floating Action Button Fade Through Transition Demo

Material's Shared Axis Transitions

A transition animation between UI elements that have a spatial or navigational relationship.

Horizontal (x-axis)Vertical (y-axis)Scaled (z-axis)
Shared Axis Horizontal Transition DemoShared Axis Vertical Transition DemoShared Axis Scaled Transition Demo

Material's Fade Through Transition

A transition animation between UI elements that have do not have a strong relationship to one another.

Fade Through Page Transition
Fade Through Transition Demo

Material's Fade Transition

The fade pattern is used for UI elements that enter or exit from within the screen bounds.

Modal Fade TransitionFloating Action Button Fade Transition
Fade Modal Transition DemoFade Floating Action Button Transition Demo