Awesome Flutter Animations

To make an app’s UI alive, we use animations. Most want to see the result or example of an animation widget or library. That’s why I create this Flutter repository in hope to showcase built-in animation widgets and some popular libraries.

In case of 3rd-party libraries, I mostly use the examples on their official page.

Built-in widget

  • AnimatedAlign
  • AnimatedContainer
  • AnimatedCrossFade
  • AnimatedDefaultTextStyle
  • AnimatedListState
  • AnimatedOpacity
  • AnimatedPhysicalModel
  • AnimatedPositioned
  • AnimatedModalBarrier
  • AnimatedSize
  • DecoratedBoxTransition
  • FadeTransition
  • PositionedTransition
  • RotationTransition
  • ScaleTransition
  • SizeTransition
  • SlideTransition
  • AnimatedBuilder
  • AnimatedWidget

Page Transition

  • Slide From Edge
  • Slide From Left To Right
  • Fade
  • Scale
  • Size
  • Rotate

Custom

  • Accordion – Create expandable/collapsible effect.
  • Stacked Menu – Actually I don’t know how to call this affect. It comes from this example. When hamburger menu is clicked, it moves the main page to the right as half ratio to reveal the main menu.
  • Morning in the city – This consists of lots of animations to demonstrate Staggered animation.

Animation plugins

I composed a list of useful animation libraries for Flutter here.

  • animated_widgets: These widgets are easier to use than the built-in ones. Animations can be chained.
  • liquid_swipe: A cool animation for switching pages. I use the example on this page.
  • simple_animations: Lots of cool animation can be done easily using this library. The maintainer’s examples are cool, so I just copy them to the app.

Source Code | Demo APK

» Our License

2 thoughts on “Awesome Flutter Animations”

Leave a Comment

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close