Top Flutter Animation and Transition packages Animation (or transition) is the process of creating an illusion of motion of images, widgets, routes, etc. Smart use of animations can make any Flutter app look livelier, pleasant and sleek when compared to a static version. Linking animations to tactile responses leads to a more tangible and realistic user experience, which in turn reduces the cognitive load on the app user. After performing certain action, when a user receives a "motion or live response" from the app, the brain remembers all the steps faster and it lowers the learning curve for the user. Flutter provides a rich builtin support for animations and transitions, but there are several packages that can make your life easier when it comes to adding quick, complex and customized animations better suited for your app. Also there are packages that can help you access efficient new age animation file formats like Lottie and Rive. You can check out the complete list of Animation and Transition Flutter packages below.
animations
6022
Fancy pre-built animations that can easily be integrated into any Flutter application.
animate_do
4302
Beautiful animations inspired on Animate.css, every animation is a customizable widget.
lottie
3806
Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.
flutter_staggered_animations
1960
Easily add staggered animations to your ListView, GridView, Column and Row children as shown in Material Design guidelines
auto_animated
1220
Widgets starting auto play animation when mounted. It is already possible to animate the list and icons.
dismissible_page
577
Flutter widget that allows you to dismiss page to any direction, forget the boring back button and plain transitions..
animated_flip_counter
462
An implicit animation widget that flips from one number to another, with support for customize styles, decimals and negative values.
delayed_display
441
A widget that enables you to display a child after a delay and with beautiful fading and sliding animation.
flutter_animator
324
Create animations with less code in a chaining manner. This package allows you to combine and chain multiple animations based on percentages of the duration.
entry
279
Make your widgets come to life – Entry lets you simply animate a widget into a visible state. One widget to animate the opacity, scale, position and angle.
drawing_animation
263
An dart-only library for gradually painting SVG path objects on canvas (drawing line animation).
circular_reveal_animation
244
Circular Reveal Animation as Flutter widget! Inspired by Android's ViewAnimationUtils.createCircularReveal(...).
animator
241
A Flutter library that makes animation easer. It allows for separation of animation setup from the User Interface.
flutter_sequence_animation
232
Composite together any animation with this robust and simple to use package.
sprung
231
Spring curves for Flutter animations. Based on real physics equations with three damping curves.
funvas
226
Package for creating canvas animations based on time and math functions. Fun + canvas = funvas
local_hero
219
A widget which implicitly launches a hero animation when its position changed within the same route.
widget_circular_animator
177
A pre-built Flutter circular animator, can suit your new profile view or your any other widgets.
flutter_bounceable
170
A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like.
animated_widgets
169
Easily add animations on your screen with AnimatedWidgets. Add always your animated widgets in your component's tree, then activate them when you want to activate the animations.
im_animations
157
A growing collection of cool, elegant, efficient and performance-optimized animation widgets.
flutter_bounce
147
An effiecient flutter package for an on-tap bounce animation to the wrapped around widget. It targets on both the mobile platforms, i.e., iOS and Android.
circular_clip_route
127
A page route, which reveals its page by expanding a circular clip from an anchor widget.
simple_ripple_animation
126
This package provide ripple animation widget that is easy to set up and customise, and it looks beautiful in any color you choose.
zoom_tap_animation
116
Zoom Tap Animation allows you to make an effect similar to App Store's items in Today tab, when you long tap on some item, it start zooming in then zooming out.
flutter_sinusoidals
109
A flutter package that helps you to visualize sine waves as you desire. All basic waves are already supported, plus customized waves & some pre-defined waves.
animated_clipper
106
Clip your widgets with Animated Clippers. Includes a collection of PathBuilders and helper widgets.
odometer
93
Highly customizable widgets that you can use for the number transition and the counter animations.
flip_board
87
FlipBoards are compositions of FlipWidgets, a widget that animates content change with a flipping animation. Includes FlipFraseBoard, FlipMatrix, FlipClock and others.
snappable
81
A Flutter library for Thanos snap effect. Use it to turn your Widgets into dust. For fun only!
flutter_villains
80
Villains for flutter. Page transitions with just a few lines of code. What are heroes without villains?
animated_segment
71
Package provides you a modern animated fancy segment. Show selection of tab using elastic way animation.
pro_animated_blur
65
ProAnimatedBlur is a widget that blurs the underlying area of its child widget and it works like AnimatedContainer, AnimatedOpacity
breathing_collection
65
A collection of Flutter widgets with breathing animation. More widgets will be added.
motion_widget
65
A simple, powerful widget to build cool transitions. It handles initialization, state changes, code clean-ups and all the other animation boilerplate code, keeping you in the driver's seat by allowing you control the animations at each interval.
path_morph
58
This package lets you create path tween animations. In other words, it lets you morph one path into another.
animated_counter
58
A package containing awesome animated counters to enhance your application with custom counter widgets.
explode_view
57
A beautiful animation library for Flutter which explodes the image into small particles. This package can be used whenever there is a need of removing the image from the screen.
animation_director
56
AnimationDirector is a package to create beautiful and smooth animations for flutter framework
jelly_anim
53
This package contains jelly animation. Users can dynamically modify the jelly & viewport size, jelly coordinates, overflow flag and also customize it as per user requirements.
flutter_switch_clipper
51
A Flutter package that two widgets switch with default clipper or customized clipper.
animated_book_widget
49
A Flutter package providing an interactive method to display content, resembling the experience of flipping through pages.
snappable_thanos
49
Package for Thanos's Snap Effect. Use it to turn your Widgets into dust. For fun only!
ripple_wave
48
Simple and easy to use ripple animation that can be wrapped in widgets to create beautiful ripple effects
yoda
45
Flutter widget that let you slice any kind of child widget in a matrix of tiles and animate them with different kind of ways. Currently with Explode, Vortex and Flakes.
atomized_image
44
A widget which paints and animates images with particles to achieve an atomized effect.
phlox_animations
43
Flutter phlox_animations is a simple package to create beautiful custom animations . Animate multiple properties at once and consists of several's feature.
animated_flutter_widgets
42
This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a pre-designed animated widgets.
page_animation_transition
39
Using this package, you can add beautiful page transitions to your application.
animation_wrappers
38
Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.
ripple_backdrop_animate_route
36
A ripple animation with backdrop of route. This will create a transparent page with a ripple backdrop animation to animate the widgets. You can place any widgets inside can customize the effect.
animated_page_transition
34
This package is for animated page transitioning. This is easy to use package. Add animation_page_transition dependency into the pubspec.yaml file. Then, then import package into the implementation file/s and you can implement animated page transition very easily.
circular_rotation
33
It is fully customizable package which allow you to set custom widget in circular manner.
delayed_widget
32
A simple and easy to use flutter package, to make the widget show up in a smooth way as soon as it is created.
ripple_effect
32
An easy way to start a ripple effect from any widget to the entire screen on your flutter app.
shake_animation_widget
29
Shake animation, pop up animation, shake text, vertical circular menu, bottom circular menu, animation progress button
slide_container
28
A container that can be slid vertically and horizontally with a smooth dampened motion. Offers a handful of callbacks for customization.
circular_motion
26
A package to create a circular positioned widgets and can be scrolled to rotate them in the desired circular way.
animate_routes
24
animate_routes is a minimalist library to provider some cool animation transition when you navigate between the screens.
animated_rotation
23
An implicit animation widget for rotation. Just provide the angle and the widget will rotate over time.
animatedroute
17
A flutter package that allows developers to animate between screens. works on both android and ios.
rotating_widgets
16
Highly customizable Flutter Package to allow user to convert any widget into a 3D rotate-able widget
tdk_bouncingwidget
13
A light-weight flutter package to acheive bouncing animation in flutter widgets while clicking.Three types of bouncing animations are provided.
tweener
12
Tweener is a simple and lightweight flutter animation tool. Anyone can easily learn to use it.
vsync_provider
10
VsyncProvider provides vsync for AnimationController. This works with provider package.
flutter_fader
9
A flutter widget that allows you to fade a child widget in and out. When faded out the child widget is removed from the tree (it can't be interacted with)