Animation and Motion Widgets

Bring animations to your app. Check out Animations in Flutter for an overview.

See more widgets in the Flutter widget catalog.

  • AnimatedContainer

    A container that gradually changes its values over a period of time.

    Documentation

  • AnimatedCrossFade

    A widget that cross-fades between two given children and animates itself between their sizes.

    Documentation

  • Hero

    A widget that marks its child as being a candidate for hero animations.

    Documentation

  • AnimatedBuilder

    A general-purpose widget for building animations. AnimatedBuilder is useful for more complex widgets that wish to include an animation as part of a larger build function. To use AnimatedBuilder, simply construct the widget and pass it a builder function.

    Documentation

  • DecoratedBoxTransition

    Animated version of a DecoratedBox that animates the different properties of its Decoration.

    Documentation

  • FadeTransition

    Animates the opacity of a widget.

    Documentation

  • PositionedTransition

    Animated version of Positioned which takes a specific Animation to transition the child's position from a start position to and end position over the lifetime of the animation.

    Documentation

  • RotationTransition

    Animates the rotation of a widget.

    Documentation

  • ScaleTransition

    Animates the scale of transformed widget.

    Documentation

  • SizeTransition

    Animates its own size and clips and aligns the child.

    Documentation

  • SlideTransition

    Animates the position of a widget relative to its normal position.

    Documentation

  • AnimatedDefaultTextStyle

    Animated version of DefaultTextStyle which automatically transitions the default text style (the text style to apply to descendant Text widgets without explicit style) over a given duration whenever the given style changes.

    Documentation

  • AnimatedListState

    The state for a scrolling container that animates items when they are inserted or removed.

    Documentation , Samples

  • AnimatedModalBarrier

    A widget that prevents the user from interacting with widgets behind itself.

    Documentation

  • AnimatedOpacity

    Animated version of Opacity which automatically transitions the child's opacity over a given duration whenever the given opacity changes.

    Documentation

  • AnimatedPhysicalModel

    Animated version of PhysicalModel.

    Documentation

  • AnimatedPositioned

    Animated version of Positioned which automatically transitions the child's position over a given duration whenever the given position changes.

    Documentation

  • AnimatedSize

    Animated widget that automatically transitions its size over a given duration whenever the given child's size changes.

    Documentation

  • AnimatedWidget

    A widget that rebuilds when the given Listenable changes value.

    Documentation

  • AnimatedWidgetBaseState

    A base class for widgets with implicit animations.

    Documentation

See more widgets in the Flutter widget catalog.