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:

• Flutter: Dismiss Keyboard when Tap Outside Text Field
• Using GetX (Get) for State Management in Flutter
• Most Popular Packages for State Management in Flutter
• Flutter: Check Internet Connection without any plugins

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