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.

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.

Animations Gallery Preview


License: MIT

GitHub

Download the full project for this post from the following button

This source is fully free for all time

Download as zip

Comments are closed.

You're Offline!

Top