Learn to craft delightful, smooth UX in Flutter by moving from implicit animations through explicit controllers, Tweens and curves, Hero transitions, custom painting and slivers. You will finish able to add purposeful, 60fps motion and advanced scroll effects to any screen, and to reach for the right animation tool for each job.
Watch the free preview
AnimatedContainer and the implicit animation model — free to watch, no account needed.
What you'll learn
- Craft delightful, smooth UX with purposeful Flutter animations and advanced UI
- Animate layout, colour and size declaratively with AnimatedContainer and other implicit widgets
- Drive explicit animations with AnimationController, Tween and Curves for full control
- Build shared-element motion with Hero and custom page route transitions
- Draw and animate custom visuals with CustomPainter and create rich scroll effects with slivers
Syllabus
Implicit Animations — Motion for Free
AnimatedContainer and the implicit animation modelFree preview
The implicit family — opacity, switching and TweenAnimationBuilder
Explicit Animations & Controllers
AnimationController, tickers and the vsync
Tween, curves and AnimatedBuilder
Motion Between Screens & Custom Drawing
Hero transitions and shared-element motion
Custom painting with CustomPainter
Advanced Scroll Effects with Slivers
Slivers and CustomScrollView fundamentals
Custom scroll effects and animation polish
Lab — 10 Exercises & Solutions
Exercises 1–5
Exercises 6–10