Skip to content
Branch: master
Find file History
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Add animation samples (#118) Jul 23, 2019
ios Reverting the dev.flutter -> com.example change (#222) Jan 9, 2020
macos Reverting the dev.flutter -> com.example change (#222) Jan 9, 2020
test touch ./animations (#148) Oct 7, 2019
web Move com.example to dev.flutter (#227) Jan 13, 2020
.gitignore touch ./animations (#148) Oct 7, 2019
.metadata Add animation samples (#118) Jul 23, 2019 update animations README (#130) Aug 16, 2019
analysis_options.yaml Analysis options uplift to 1.8 (#169) Nov 22, 2019
pubspec.lock Beta branch fix (#173) Dec 11, 2019
pubspec.yaml Analysis options uplift to 1.8 (#169) Nov 22, 2019

Animation Samples

Sample apps that showcasing Flutter's animation features


  • Demonstrate the building blocks for animations and how they work together
  • Provide samples for common patterns and use-cases



Building blocks and patterns

  1. AnimatedContainerDemo Demonstrates how to use AnimatedContainer
  2. PageRouteBuilderDemo Demonstrates how to use Tween and Animation to *build a custom page route transition.
  3. AnimationControllerDemo Demonstrates how to use an AnimationController.
  4. TweenDemo Demonstrates how to use a Tween with an AnimationController.
  5. AnimatedBuilderDemo Demonstrates how to use an AnimatedBuilder with an AnimationController.
  6. CustomTweenDemo Demonstrates how to extend Tween.
  7. TweenSequenceDemo Demonstrates how to use TweenSequence to build a button that changes between different colors.


Other uses-cases and examples

  • RepeatingAnimationDemo Demonstrates how to repeat an animation.
  • ExpandCardDemo Demonstrates how to use AnimatedCrossFade to fade between two widgets and change the size.
  • CarouselDemo Demonstrates how to use PageView with a custom animation.
  • FocusImageDemo Demonstrates how to measure the size of a widget and expand it using a PageRouteBuilder.
  • PhysicsCardDragDemo Demonstrates how to run an AnimationController with a spring simulation.
  • CardSwipeDemo A swipeable card that demonstrates how to use gesture detection to drive an animation.

Other Resources

You can’t perform that action at this time.