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.