Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Animation and Transition packages

Last updated: March 25, 2024

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 Card Image
animations
Dart 3 compatible 👍 5.7K
Maintenance Status: Good

Fancy pre-built animations that can easily be integrated into any Flutter application.

animate_do
Dart 3 compatible 👍 4.02K
Maintenance Status: Good

Beautiful animations inspired on Animate.css, every animation is a customizable widget.

lottie
Dart 3 compatible 👍 3.54K
Maintenance Status: Good

Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.

flutter_animate Card Image
flutter_animate
Dart 3 compatible 👍 2.71K
Maintenance Status: Good

Add beautiful animated effects & builders in Flutter, via an easy, customizable, unified API.

simple_animations Card Image
simple_animations
Dart 3 compatible 👍 1.87K
Maintenance Status: Good

Powerful package to create beautiful custom animations in no time.

page_transition Card Image
page_transition
Dart 3 compatible 👍 1.25K
Maintenance Status: Good

Flutter Page Transition Package which is the transition second page

auto_animated Card Image
auto_animated
Dart 3 compatible 👍 1.17K
Maintenance Status: Good

Widgets starting auto play animation when mounted. It is already possible to animate the list and icons.

dismissible_page Card Image
dismissible_page
Dart 3 compatible 👍 535
Maintenance Status: Good

Flutter widget that allows you to dismiss page to any direction, forget the boring back button and plain transitions..

animated_flip_counter Card Image
animated_flip_counter
Dart 3 compatible 👍 408
Maintenance Status: Good

An implicit animation widget that flips from one number to another, with support for customize styles, decimals and negative values.

entry Card Image
entry
Dart 3 compatible 👍 269
Maintenance Status: Good

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.

animator
Dart 3 compatible 👍 237
Maintenance Status: Good

A Flutter library that makes animation easer. It allows for separation of animation setup from the User Interface.

funvas Card Image
funvas
Dart 3 compatible 👍 217
Maintenance Status: Good

Package for creating canvas animations based on time and math functions. Fun + canvas = funvas

local_hero Card Image
local_hero
Dart 3 compatible 👍 201
Maintenance Status: Good

A widget which implicitly launches a hero animation when its position changed within the same route.

motion Card Image
motion
Dart 3 compatible 👍 167
Maintenance Status: Good

A fancy widget that applies a gyroscope or hover based motion effect to its child.

widget_and_text_animator Card Image
widget_and_text_animator
Dart 3 compatible 👍 166
Maintenance Status: Good

Make animating widgets a breeze with many effects built in. Make Text animations beautiful with staggered text effects. transitions, blurs & more, animate gestures too

animate_to Card Image
animate_to
Dart 3 compatible 👍 143
Maintenance Status: Good

Animates widgets to a target widget as an overlay

hyper_effects Card Image
hyper_effects
Dart 3 compatible 👍 116
Maintenance Status: Good

Create beautiful effects and animations with just a few lines of code.

simple_ripple_animation Card Image
simple_ripple_animation
Dart 3 compatible 👍 112
Maintenance Status: Good

This package provide ripple animation widget that is easy to set up and customise, and it looks beautiful in any color you choose.

tap_builder Card Image
tap_builder
Dart 3 compatible 👍 96
Maintenance Status: Good

A simple widget for building interactive areas.

page_flip_builder Card Image
page_flip_builder
Dart 3 compatible 👍 92
Maintenance Status: Good

A custom Flutter widget that enables interactive page-flip transitions in your app.

flip_board Card Image
flip_board
Dart 3 compatible 👍 81
Maintenance Status: Good

FlipBoards are compositions of FlipWidgets, a widget that animates content change with a flipping animation. Includes FlipFraseBoard, FlipMatrix, FlipClock and others.

zerker
Dart 3 compatible 👍 79
Maintenance Status: Good

Zerker is a flexible and lightweight flutter canvas graphic animation library.

animated_svg
Dart 3 compatible 👍 78
Maintenance Status: Good

Flutter package for displaying and animating Scalable Vector Graphics 1.1 files.

page_flip Card Image
page_flip
Dart 3 compatible 👍 69
Maintenance Status: Good

A flutter package which will help you to add page flip effect to widgets in your app.

animated_styled_widget Card Image
animated_styled_widget
Dart 3 compatible 👍 67
Maintenance Status: Good

Lets you use a serializable style to make customizable and animated widgets.

music_visualizer
Dart 3 compatible 👍 61
Maintenance Status: Good

this plugin help developers to show a music wave through animation.

path_morph Card Image
path_morph
Dart 3 compatible 👍 57
Maintenance Status: Good

This package lets you create path tween animations. In other words, it lets you morph one path into another.

turn_page_transition Card Image
turn_page_transition
Dart 3 compatible 👍 50
Maintenance Status: Good

This package provide simple Page-Turning Transition to your app.

animation_list Card Image
animation_list
Dart 3 compatible 👍 50
Maintenance Status: Good

A Flutter package project that is a simple animation listview widget.

visual_effect
Dart 3 compatible 👍 48
Maintenance Status: Good

VisualEffect API for Flutter to easily add paint effects on your widgets.

ripple_wave Card Image
ripple_wave
Dart 3 compatible 👍 41
Maintenance Status: Good

Simple and easy to use ripple animation that can be wrapped in widgets to create beautiful ripple effects

page_animation_transition
Dart 3 compatible 👍 33
Maintenance Status: Good

Using this package, you can add beautiful page transitions to your application.

circular_rotation Card Image
circular_rotation
Dart 3 compatible 👍 32
Maintenance Status: Good

It is fully customizable package which allow you to set custom widget in circular manner.

wtf_rotary_dial Card Image
wtf_rotary_dial
Dart 3 compatible 👍 9
Maintenance Status: Good

The widget allows you to enter numbers by rotating the spinner of the rotary dial.

flim
Dart 3 compatible 👍 6
Maintenance Status: Good

minimal data-driven sprite render and animation lib for Flutter

flutter_staggered_animations Card Image
flutter_staggered_animations
Dart 3 compatible 👍 1.85K
Maintenance Status: Average

Easily add staggered animations to your ListView, GridView, Column and Row children as shown in Material Design guidelines

graphx Card Image
graphx
Dart 3 compatible 👍 375
Maintenance Status: Average

Render API on top of CustomPainter to power-up your Flutter apps to the next level.

flutter_animator Card Image
flutter_animator
Dart 3 compatible 👍 320
Maintenance Status: Average

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.

drawing_animation Card Image
drawing_animation
Dart 3 compatible 👍 251
Maintenance Status: Average

An dart-only library for gradually painting SVG path objects on canvas (drawing line animation).

circular_reveal_animation Card Image
circular_reveal_animation
Dart 3 compatible 👍 236
Maintenance Status: Average

Circular Reveal Animation as Flutter widget! Inspired by Android's ViewAnimationUtils.createCircularReveal(...).

flutter_sequence_animation Card Image
flutter_sequence_animation
Dart 3 compatible 👍 221
Maintenance Status: Average

Composite together any animation with this robust and simple to use package.

sprung Card Image
sprung
Dart 3 compatible 👍 213
Maintenance Status: Average

Spring curves for Flutter animations. Based on real physics equations with three damping curves.

add_to_cart_animation Card Image
add_to_cart_animation
Dart 3 compatible 👍 199
Maintenance Status: Average

A flutter plugin which provide you add to cart animation.

flutter_bounceable Card Image
flutter_bounceable
Dart 3 compatible 👍 159
Maintenance Status: Average

A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like.

im_animations Card Image
im_animations
Dart 3 compatible 👍 155
Maintenance Status: Average

A growing collection of cool, elegant, efficient and performance-optimized animation widgets.

flip_widget Card Image
flip_widget
Dart 3 compatible 👍 138
Maintenance Status: Average

Flip your widget.

animated_path
Dart 3 compatible 👍 89
Maintenance Status: Average

A Flutter package that is used to create trim path animation.

page_route_animator Card Image
page_route_animator
Dart 3 compatible 👍 86
Maintenance Status: Average

Flutter page route transition package, with 62 different transitions.

flutter_villains Card Image
flutter_villains
Dart 3 compatible 👍 79
Maintenance Status: Average

Villains for flutter. Page transitions with just a few lines of code. What are heroes without villains?

another_transformer_page_view Card Image
another_transformer_page_view
Dart 3 compatible 👍 71
Maintenance Status: Average

Yet another pageTransformer for flutter with null-safety support

animated_segment Card Image
animated_segment
Dart 3 compatible 👍 70
Maintenance Status: Average

Package provides you a modern animated fancy segment. Show selection of tab using elastic way animation.

reveal_on_scroll Card Image
reveal_on_scroll
Dart 3 compatible 👍 49
Maintenance Status: Average

A Flutter library for easily animating widget as they enter/leave the viewport.

yoda Card Image
yoda
Dart 3 compatible 👍 45
Maintenance Status: Average

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.

phlox_animations Card Image
phlox_animations
Dart 3 compatible 👍 41
Maintenance Status: Average

Flutter phlox_animations is a simple package to create beautiful custom animations . Animate multiple properties at once and consists of several's feature.

snappable_thanos
Dart 3 compatible 👍 40
Maintenance Status: Average

Package for Thanos's Snap Effect. Use it to turn your Widgets into dust. For fun only!

ripple_backdrop_animate_route
Dart 3 compatible 👍 33
Maintenance Status: Average

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.

delayed_widget Card Image
delayed_widget
Dart 3 compatible 👍 31
Maintenance Status: Average

A simple and easy to use flutter package, to make the widget show up in a smooth way as soon as it is created.

shake_animation_widget Card Image
shake_animation_widget
Dart 3 compatible 👍 29
Maintenance Status: Average

Shake animation, pop up animation, shake text, vertical circular menu, bottom circular menu, animation progress button

svgaplayer_flutter
Dart 3 compatible 👍 26
Maintenance Status: Average

The SVGAPlayer implementation of Flutter using CustomPainter.

paperfold Card Image
paperfold
Dart 3 compatible 👍 25
Maintenance Status: Average

This package provides a widget which applies a paper fold effect on it's child.

animate_routes
Dart 3 compatible 👍 24
Maintenance Status: Average

animate_routes is a minimalist library to provider some cool animation transition when you navigate between the screens.

tdk_bouncingwidget Card Image
tdk_bouncingwidget
Dart 3 compatible 👍 13
Maintenance Status: Average

A light-weight flutter package to acheive bouncing animation in flutter widgets while clicking.Three types of bouncing animations are provided.

tweener
Dart 3 compatible 👍 11
Maintenance Status: Average

Tweener is a simple and lightweight flutter animation tool. Anyone can easily learn to use it.

flutter_fader Card Image
flutter_fader
Dart 3 compatible 👍 9
Maintenance Status: Average

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)

phased
Dart 3 compatible 👍 4
Maintenance Status: Average

Simplified state management focused on animations

delayed_display
Dart 3 compatible 👍 433
Maintenance Status: Poor

A widget that enables you to display a child after a delay and with beautiful fading and sliding animation.

spring
Dart 3 compatible 👍 227
Maintenance Status: Poor

A simple & powerfull pre-built animation kit for faster and easy apps developement.

bouncing_widget
Dart 3 compatible 👍 199
Maintenance Status: Poor

A widget that enables you to add a bouncing animation on a widget.

widget_circular_animator
Dart 3 compatible 👍 169
Maintenance Status: Poor

A pre-built Flutter circular animator, can suit your new profile view or your any other widgets.

show_up_animation
Dart 3 compatible 👍 159
Maintenance Status: Poor

A flutter package to simplify the implementation of "show up" animation

flutter_bounce
Dart 3 compatible 👍 143
Maintenance Status: Poor

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
Dart 3 compatible 👍 126
Maintenance Status: Poor

A page route, which reveals its page by expanding a circular clip from an anchor widget.

ezanimation
Dart 3 compatible 👍 119
Maintenance Status: Poor

Easy Animations - No Controllers, No Tickers, Only the necessary parts.

hovering
Dart 3 compatible 👍 114
Maintenance Status: Poor

A new Flutter package to enable the hover effect on Flutter web.

zoom_tap_animation
Dart 3 compatible 👍 102
Maintenance Status: Poor

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.

animated_clipper
Dart 3 compatible 👍 98
Maintenance Status: Poor

Clip your widgets with Animated Clippers. Includes a collection of PathBuilders and helper widgets.

odometer
Dart 3 compatible 👍 89
Maintenance Status: Poor

Highly customizable widgets that you can use for the number transition and the counter animations.

swipeable_button_view
Dart 3 compatible 👍 87
Maintenance Status: Poor

You can create ripple animated pages with swipeable_button_view.

coast
Dart 3 compatible 👍 85
Maintenance Status: Poor

PageView wrapper that supports Hero-like animations

advanced_icon
Dart 3 compatible 👍 83
Maintenance Status: Poor

A flutter package that contains a collection of icon decoration tools (i.e. gradient, opacity) and icon transition features with cool animation effects.

bubble_lens
Dart 3 compatible 👍 81
Maintenance Status: Poor

Flutter customizable reproduction of the Apple Watch UI animation

flicked_cards
Dart 3 compatible 👍 72
Maintenance Status: Poor

A gesture driven customizable and extensible card widget

route_transitions
Dart 3 compatible 👍 66
Maintenance Status: Poor

A flutter library containing useful animations for routing .

breathing_collection
Dart 3 compatible 👍 63
Maintenance Status: Poor

A collection of Flutter widgets with breathing animation. More widgets will be added.

pro_animated_blur
Dart 3 compatible 👍 59
Maintenance Status: Poor

ProAnimatedBlur is a widget that blurs the underlying area of its child widget and it works like AnimatedContainer, AnimatedOpacity

flutter_shake_animated
Dart 3 compatible 👍 59
Maintenance Status: Poor

a new flutter shake animated project.

animated_counter
Dart 3 compatible 👍 56
Maintenance Status: Poor

A package containing awesome animated counters to enhance your application with custom counter widgets.

jelly_anim
Dart 3 compatible 👍 53
Maintenance Status: Poor

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_fadein
Dart 3 compatible 👍 52
Maintenance Status: Poor

Simple Flutter widget to fade-in your widgets once they are mounted.

cupertino_stackview
Dart 3 compatible 👍 50
Maintenance Status: Poor

A very easy-to-use navigation tool/widget for having iOS 13 style stacks.

flutter_switch_clipper
Dart 3 compatible 👍 49
Maintenance Status: Poor

A Flutter package that two widgets switch with default clipper or customized clipper.

animation_wrappers
Dart 3 compatible 👍 34
Maintenance Status: Poor

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

animated
Dart 3 compatible 👍 31
Maintenance Status: Poor

A very simple (yet powerful) implicit animation library for Flutter.

animated_page_transition
Dart 3 compatible 👍 29
Maintenance Status: Poor

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.

wave_transition
Dart 3 compatible 👍 28
Maintenance Status: Poor

A flutter package which helps you create amazing wave transitions.

transition
Dart 3 compatible 👍 28
Maintenance Status: Poor

A transition library that helps implement the page transition animation.

smooth_sort
Dart 3 compatible 👍 28
Maintenance Status: Poor

A Flutter package for adding wonderful and custom sorting animations.

animated_overflow
Dart 3 compatible 👍 24
Maintenance Status: Poor

A simple widget for animating overflowing content horizontally or vertically with fade.

animated_rotation
Dart 3 compatible 👍 22
Maintenance Status: Poor

An implicit animation widget for rotation. Just provide the angle and the widget will rotate over time.

splash_route
Dart 3 compatible 👍 14
Maintenance Status: Poor

It is just a route with fancy animation. It is used to show the splash animation while navigating to another page.

vsync_provider
Dart 3 compatible 👍 10
Maintenance Status: Poor

VsyncProvider provides vsync for AnimationController. This works with provider package.

flutter_vap
Dart 3 compatible 👍 9
Maintenance Status: Poor

Is a native plugin for playing alpha video animation

page_turn
👍 173
Maintenance Status: Poor

Page Turn Widget | Add a page turn effect to widgets in your app.

animated_widgets
👍 168
Maintenance Status: Poor

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.

transformer_page_view
👍 140
Maintenance Status: Poor

PageTransformer for flutter

flutter_sinusoidals
👍 108
Maintenance Status: Poor

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.

flip_panel
👍 108
Maintenance Status: Poor

A package for flip panel with built-in animation

hover_effect
👍 89
Maintenance Status: Poor

Takes any child witget and enables Hover/Tilt 3D functionality to it.

snappable
👍 81
Maintenance Status: Poor

A Flutter library for Thanos snap effect. Use it to turn your Widgets into dust. For fun only!

cube_transition
👍 72
Maintenance Status: Poor

A nice 3D Cube effect for your PageView and PageRoute transitions.

motion_widget
👍 65
Maintenance Status: Poor

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.

flutter_page_transition
👍 61
Maintenance Status: Poor

A rich, convenient, easy-to-use flutter page transition package.

flutter_animation_set
👍 60
Maintenance Status: Poor

Easy to build an animation set

explode_view
👍 57
Maintenance Status: Poor

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
👍 57
Maintenance Status: Poor

AnimationDirector is a package to create beautiful and smooth animations for flutter framework

atomized_image
👍 43
Maintenance Status: Poor

A widget which paints and animates images with particles to achieve an atomized effect.

flutter_animated_cards
👍 39
Maintenance Status: Poor

A Fully customizable animated cards widget that has feature of 3D animation and much more. This widget works on both Android & iOS.

morpheus
👍 37
Maintenance Status: Poor

A Flutter package for easily implementing Material Design navigation transitions.

ripple_effect
👍 32
Maintenance Status: Poor

An easy way to start a ripple effect from any widget to the entire screen on your flutter app.

flippable_box
👍 29
Maintenance Status: Poor

A double-sided Container, that flips over, revealing content on both sides.

slide_container
👍 28
Maintenance Status: Poor

A container that can be slid vertically and horizontally with a smooth dampened motion. Offers a handful of callbacks for customization.

spinner
👍 23
Maintenance Status: Poor

A simple animated spinner that cycles through a circular list of fixed-size widgets

flutter_lottie
👍 22
Maintenance Status: Poor

Use lottie in flutter to render animations for iOS and Android

animatedroute
👍 17
Maintenance Status: Poor

A flutter package that allows developers to animate between screens. works on both android and ios.

rotating_widgets
👍 16
Maintenance Status: Poor

Highly customizable Flutter Package to allow user to convert any widget into a 3D rotate-able widget

splash_tap
👍 15
Maintenance Status: Poor

Makes an interesting splash effect when tapping it's child widget

blinking_point
👍 9
Maintenance Status: Poor

A Flutter plugin that make it easy for you to create a blinking point in your project.