5.4 C
New York
Tuesday, November 29, 2022

Top Plugins to Easily Create Animations in Flutter

Animation effects in mobile apps are very common. However, implementing them sometimes consumes a lot of time and effort of developers. This article will introduce you a list of great open-source animation packages for Flutter to make our lives much easier.

animations

  • Pub Likes: 3400+
  • GitHub Stars: 1.5k+
  • License: BSD
  • Links: GitHub | Pub

This library provides a lot of pre-made animations for the vast majority of common use cases, can be divided into four main pillars: Advertisements

  • Container transform: Used for transitions between UI elements that include a container.
  • Shared axis: Used for transitions between UI elements that have a spatial or navigational relationship.
  • Fade through: Used for transitions between UI elements that do not have a strong relationship to each other.
  • Fade: Used for UI elements that enter or exit within the bounds of the screen, such as a dialog that fades in the center of the screen.

animate_do

  • Pub Likes: 2100+
  • License: MIT
  • Links: Pub

This awesome plugin has the following groups of animation effects:

  • Fade animations: FadeIn, FadeInDown, FadeInDownBig, FadeInUp, FadeInLeft, FadeInRight…
  • FadeOut animations: FadeOut, FadeOutDown, FadeOutUp, FadeOutLeft…
  • BounceIn animations: BounceInDown, BounceInUp, BounceInleft, BounceInRight
  • ElasticIn animations: ElasticIn, ElasticInDown…
  • SlideIns animations: SlideInDown, SlideInUp…
  • FlipIn animations: FlipinX, FlipinY
  • Zooms: ZoomIn ZoomOut
  • SpecialIn animations: JelloIn
  • Attention Seeker: Bounce, Flash, Pulse, Swing, Spin, Dance, Roulette, SpinPerfect

flutter_spinkit

  • Pub Likes: 2100+
  • GitHub Stars: 2.4k+
  • License: MIT
  • Links: GitHub | Pub

This package provides a huge collection of spin effects that can be used to create loading indicators or other purposes.

auto_animated

  • Pub Likes: 670+
  • GitHub Stars: 260+
  • License: MIT
  • Links: GitHub | Pub

This plugin helps you easily and quickly implement animation effects for scrollable widgets

flip_card

  • Pub Likes: 490+
  • GitHub Stars: 270+
  • License: BSD-3-Clause
  • Links: GitHub | Pub

AdvertisementsThis package helps you easily create flip card animation that can be used in some puzzle, educational, or e-commerce applications.

Conclusion

We’ve gone over the list of most popular and useful open-source packages to quickly make animations in Flutter. Continue exploring more new and interesting stuff by taking a look at the following articles:

You can also take a tour around our Flutter topic page, or Dart topic page for the latest tutorials and examples.

Advertisements
Previous articleFlutter: FadeTransition example
Next articleCantarell

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest Articles