Skip to main content
Widget
Examples
Animations
Find an interaction...
/
〰
Motion on
Labs:
A01
AnimatedContainer
A02
AnimatedOpacity & Hit Testing
A04
AnimatedPadding & AnimatedSize
A08
AnimatedSwitcher & Keys
A09
TweenAnimationBuilder
A10
AnimationController & Builder
A13
Curve Explorer & Overshoot
A24
Button State Machine Motion
MP01
Spring Dock
MP02
Morphing Button
MP03
Card Carousel
MP04
Elastic Toggle
MP05
Staggered Menu
MP06
Number Change
MP07
Bottom Sheet
MP08
Theme Reveal
MP09
Pointer Depth Card
A01
AnimatedContainer
• Live Flutter Web
Save
Toggle State
Reset
Tested: Flutter 3.24.3 • CanvasKit
Controls
Generated Dart
A01
AnimatedContainer
Two visual states; dimensions, padding, radius, color, duration and curve
Duration
400ms
Easing Curve
linear
easeIn
easeOut
easeInOut
easeInOutCubic
bounceOut
elasticOut
fastOutSlowIn
Base Width
220px
Border Radius
16px
