A showcase of the most common Flutter animation APIs

  Animation, API

Flutter Animations Gallery

This project is a showcase of the most common Flutter animation APIs.

Preview

Animations Gallery Preview

Also available as a Flutter web demo.

Settings

  •  Curves: a showcase of all built-in Flutter animation curves
  •  Themes: primary color theme selection (red, indigo, green, brown)
  •  Duration: slider to set the duration of various animations in the app

Implicit Animations

  •  AnimatedContainer
  •  AnimatedPositioned
  •  TweenAnimationBuilder

Explicit Animations

  •  ScaleTransition
  •  RotationTransition
  •  Staggered Animations
  •  Animated Ring (AnimationController + CustomPainter)

Other Features

  •  Adaptive UI: Drawer navigation on mobile portrait, split view on mobile landscape or bigger form factors
  •  Global application state with Riverpod (selected curve, theme, duration)

Note: I may expand this to include more examples in the future. Contributions and PRs are welcome.

Contribution on GitHub

https://github.com/bizz84/flutter_animations_gallery