A showcase of the most common Flutter animation APIs

Flutter Animations Gallery

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

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.

Want More? Get my Flutter Animations Masterclass

This full course will teach you how to build a habit tracking application with completely custom UI and animations.

Included: 7 hours of in-depth content, full source code, extra challenges & much more.


License: MIT

GitHub

View Github