Flutter Gems
Flutter Gems is a curated list of 6000+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Animation and Transition packages
Last updated: November 15, 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
Dart 3 compatible 👍 6.27K
Maintenance Status: Good
Fancy pre-built animations that can easily be integrated into any Flutter application.
animate_do
Dart 3 compatible 👍 4.5K
Maintenance Status: Good
Beautiful animations inspired on Animate.css, every animation is a customizable widget.
lottie
Dart 3 compatible 👍 4.03K
Maintenance Status: Good
Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.
flutter_animate
Dart 3 compatible 👍 3.49K
Maintenance Status: Good
Add beautiful animated effects & builders in Flutter, via an easy, customizable, unified API.
simple_animations
Dart 3 compatible 👍 1.95K
Maintenance Status: Good
Powerful package to create beautiful custom animations in no time.
animated_flip_counter
Dart 3 compatible 👍 510
Maintenance Status: Good
An implicit animation widget that flips from one number to another, with support for customize styles, decimals and negative values.
entry
Dart 3 compatible 👍 287
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.
add_to_cart_animation
Dart 3 compatible 👍 274
Maintenance Status: Good
A flutter plugin which provide you add to cart animation.
local_hero
Dart 3 compatible 👍 239
Maintenance Status: Good
A widget which implicitly launches a hero animation when its position changed within the same route.
motion
Dart 3 compatible 👍 219
Maintenance Status: Good
A fancy widget that applies a gyroscope or hover based motion effect to its child.
hyper_effects
Dart 3 compatible 👍 193
Maintenance Status: Good
Create beautiful effects and animations with just a few lines of code.
simple_ripple_animation
Dart 3 compatible 👍 141
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.
page_flip_builder
Dart 3 compatible 👍 114
Maintenance Status: Good
A custom Flutter widget that enables interactive page-flip transitions in your app.
animated_svg
Dart 3 compatible 👍 94
Maintenance Status: Good
Flutter package for displaying and animating Scalable Vector Graphics 1.1 files.
page_route_animator
Dart 3 compatible 👍 92
Maintenance Status: Good
Flutter page route transition package, with 62 different transitions.
zerker
Dart 3 compatible 👍 88
Maintenance Status: Good
Zerker is a flexible and lightweight flutter canvas graphic animation library.
turn_page_transition
Dart 3 compatible 👍 67
Maintenance Status: Good
This package provide simple Page-Turning Transition to your app.
animation_list
Dart 3 compatible 👍 62
Maintenance Status: Good
A Flutter package project that is a simple animation listview widget.
flutter_switch_clipper
Dart 3 compatible 👍 55
Maintenance Status: Good
A Flutter package that two widgets switch with default clipper or customized clipper.
animated_book_widget
Dart 3 compatible 👍 55
Maintenance Status: Good
A Flutter package providing an interactive method to display content, resembling the experience of flipping through pages.
marqueer
Dart 3 compatible 👍 54
Maintenance Status: Good
Transform to "Marquee" from any widget.
ripple_wave
Dart 3 compatible 👍 52
Maintenance Status: Good
Simple and easy to use ripple animation that can be wrapped in widgets to create beautiful ripple effects
circular_rotation
Dart 3 compatible 👍 34
Maintenance Status: Good
It is fully customizable package which allow you to set custom widget in circular manner.
paperfold
Dart 3 compatible 👍 31
Maintenance Status: Good
This package provides a widget which applies a paper fold effect on it's child.
animated_visibility
Dart 3 compatible 👍 29
Maintenance Status: Good
Animate appearance and disappearance with AnimatedVisibility
circular_motion
Dart 3 compatible 👍 28
Maintenance Status: Good
A package to create a circular positioned widgets and can be scrolled to rotate them in the desired circular way.
crcanimation
Dart 3 compatible 👍 8
Maintenance Status: Good
A Flutter package for CRC animation. Subscribe to Code Red Clan!
flim
Dart 3 compatible 👍 7
Maintenance Status: Good
minimal data-driven sprite render and animation lib for Flutter
page_transition
Dart 3 compatible 👍 1.41K
Maintenance Status: Average
Flutter Page Transition Package which is the transition second page
auto_animated
Dart 3 compatible 👍 1.26K
Maintenance Status: Average
Widgets starting auto play animation when mounted. It is already possible to animate the list and icons.
dismissible_page
Dart 3 compatible 👍 617
Maintenance Status: Average
Flutter widget that allows you to dismiss page to any direction, forget the boring back button and plain transitions..
graphx
Dart 3 compatible 👍 393
Maintenance Status: Average
Render API on top of CustomPainter to power-up your Flutter apps to the next level.
animator
Dart 3 compatible 👍 243
Maintenance Status: Average
A Flutter library that makes animation easer. It allows for separation of animation setup from the User Interface.
funvas
Dart 3 compatible 👍 231
Maintenance Status: Average
Package for creating canvas animations based on time and math functions. Fun + canvas = funvas
widget_and_text_animator
Dart 3 compatible 👍 221
Maintenance Status: Average
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
Dart 3 compatible 👍 207
Maintenance Status: Average
Animates widgets to a target widget as an overlay
flutter_bounceable
Dart 3 compatible 👍 188
Maintenance Status: Average
A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like.
page_flip
Dart 3 compatible 👍 112
Maintenance Status: Average
A flutter package which will help you to add page flip effect to widgets in your app.
tap_builder
Dart 3 compatible 👍 105
Maintenance Status: Average
A simple widget for building interactive areas.
flip_board
Dart 3 compatible 👍 91
Maintenance Status: Average
FlipBoards are compositions of FlipWidgets, a widget that animates content change with a flipping animation. Includes FlipFraseBoard, FlipMatrix, FlipClock and others.
animated_styled_widget
Dart 3 compatible 👍 78
Maintenance Status: Average
Lets you use a serializable style to make customizable and animated widgets.
music_visualizer
Dart 3 compatible 👍 70
Maintenance Status: Average
this plugin help developers to show a music wave through animation.
hero_animation
Dart 3 compatible 👍 63
Maintenance Status: Average
Hero-animates it's child from one layout position to another within the same Route.
reveal_on_scroll
Dart 3 compatible 👍 62
Maintenance Status: Average
A Flutter library for easily animating widget as they enter/leave the viewport.
visual_effect
Dart 3 compatible 👍 61
Maintenance Status: Average
VisualEffect API for Flutter to easily add paint effects on your widgets.
path_morph
Dart 3 compatible 👍 58
Maintenance Status: Average
This package lets you create path tween animations. In other words, it lets you morph one path into another.
animated_flutter_widgets
Dart 3 compatible 👍 52
Maintenance Status: Average
This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a pre-designed animated widgets.
yoda
Dart 3 compatible 👍 49
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.
page_animation_transition
Dart 3 compatible 👍 43
Maintenance Status: Average
Using this package, you can add beautiful page transitions to your application.
shake_animation_widget
Dart 3 compatible 👍 33
Maintenance Status: Average
Shake animation, pop up animation, shake text, vertical circular menu, bottom circular menu, animation progress button
svgaplayer_flutter
Dart 3 compatible 👍 32
Maintenance Status: Average
The SVGAPlayer implementation of Flutter using CustomPainter.
wtf_rotary_dial
Dart 3 compatible 👍 12
Maintenance Status: Average
The widget allows you to enter numbers by rotating the spinner of the rotary dial.
tweener
Dart 3 compatible 👍 12
Maintenance Status: Average
Tweener is a simple and lightweight flutter animation tool. Anyone can easily learn to use it.
phased
Dart 3 compatible 👍 5
Maintenance Status: Average
Simplified state management focused on animations
flutter_staggered_animations
Dart 3 compatible 👍 2.03K
Maintenance Status: Poor
Easily add staggered animations to your ListView, GridView, Column and Row children as shown in Material Design guidelines
delayed_display
Dart 3 compatible 👍 448
Maintenance Status: Poor
A widget that enables you to display a child after a delay and with beautiful fading and sliding animation.
flutter_animator
Dart 3 compatible 👍 327
Maintenance Status: Poor
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
Dart 3 compatible 👍 275
Maintenance Status: Poor
An dart-only library for gradually painting SVG path objects on canvas (drawing line animation).
circular_reveal_animation
Dart 3 compatible 👍 253
Maintenance Status: Poor
Circular Reveal Animation as Flutter widget! Inspired by Android's ViewAnimationUtils.createCircularReveal(...).
spring
Dart 3 compatible 👍 247
Maintenance Status: Poor
A simple & powerfull pre-built animation kit for faster and easy apps developement.
sprung
Dart 3 compatible 👍 242
Maintenance Status: Poor
Spring curves for Flutter animations. Based on real physics equations with three damping curves.
flutter_sequence_animation
Dart 3 compatible 👍 240
Maintenance Status: Poor
Composite together any animation with this robust and simple to use package.
bouncing_widget
Dart 3 compatible 👍 207
Maintenance Status: Poor
A widget that enables you to add a bouncing animation on a widget.
widget_circular_animator
Dart 3 compatible 👍 189
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 👍 165
Maintenance Status: Poor
A flutter package to simplify the implementation of "show up" animation
im_animations
Dart 3 compatible 👍 156
Maintenance Status: Poor
A growing collection of cool, elegant, efficient and performance-optimized animation widgets.
flutter_bounce
Dart 3 compatible 👍 151
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.
zoom_tap_animation
Dart 3 compatible 👍 129
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.
circular_clip_route
Dart 3 compatible 👍 129
Maintenance Status: Poor
A page route, which reveals its page by expanding a circular clip from an anchor widget.
ezanimation
Dart 3 compatible 👍 121
Maintenance Status: Poor
Easy Animations - No Controllers, No Tickers, Only the necessary parts.
hovering
Dart 3 compatible 👍 120
Maintenance Status: Poor
A new Flutter package to enable the hover effect on Flutter web.
animated_clipper
Dart 3 compatible 👍 110
Maintenance Status: Poor
Clip your widgets with Animated Clippers. Includes a collection of PathBuilders and helper widgets.
animated_path
Dart 3 compatible 👍 99
Maintenance Status: Poor
A Flutter package that is used to create trim path animation.
swipeable_button_view
Dart 3 compatible 👍 98
Maintenance Status: Poor
You can create ripple animated pages with swipeable_button_view.
odometer
Dart 3 compatible 👍 96
Maintenance Status: Poor
Highly customizable widgets that you can use for the number transition and the counter animations.
coast
Dart 3 compatible 👍 90
Maintenance Status: Poor
PageView wrapper that supports Hero-like animations
advanced_icon
Dart 3 compatible 👍 89
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 👍 88
Maintenance Status: Poor
Flutter customizable reproduction of the Apple Watch UI animation
another_transformer_page_view
Dart 3 compatible 👍 87
Maintenance Status: Poor
Yet another pageTransformer for flutter with null-safety support
flutter_villains
Dart 3 compatible 👍 81
Maintenance Status: Poor
Villains for flutter. Page transitions with just a few lines of code. What are heroes without villains?
flicked_cards
Dart 3 compatible 👍 75
Maintenance Status: Poor
A gesture driven customizable and extensible card widget
animated_segment
Dart 3 compatible 👍 71
Maintenance Status: Poor
Package provides you a modern animated fancy segment. Show selection of tab using elastic way animation.
pro_animated_blur
Dart 3 compatible 👍 70
Maintenance Status: Poor
ProAnimatedBlur is a widget that blurs the underlying area of its child widget and it works like AnimatedContainer, AnimatedOpacity
breathing_collection
Dart 3 compatible 👍 67
Maintenance Status: Poor
A collection of Flutter widgets with breathing animation. More widgets will be added.
route_transitions
Dart 3 compatible 👍 66
Maintenance Status: Poor
A flutter library containing useful animations for routing .
flutter_shake_animated
Dart 3 compatible 👍 62
Maintenance Status: Poor
a new flutter shake animated project.
snappable_thanos
Dart 3 compatible 👍 57
Maintenance Status: Poor
Package for Thanos's Snap Effect. Use it to turn your Widgets into dust. For fun only!
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 👍 53
Maintenance Status: Poor
Simple Flutter widget to fade-in your widgets once they are mounted.
cupertino_stackview
Dart 3 compatible 👍 53
Maintenance Status: Poor
A very easy-to-use navigation tool/widget for having iOS 13 style stacks.
phlox_animations
Dart 3 compatible 👍 43
Maintenance Status: Poor
Flutter phlox_animations is a simple package to create beautiful custom animations . Animate multiple properties at once and consists of several's feature.
animation_wrappers
Dart 3 compatible 👍 41
Maintenance Status: Poor
Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.
animated_page_transition
Dart 3 compatible 👍 38
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.
ripple_backdrop_animate_route
Dart 3 compatible 👍 37
Maintenance Status: Poor
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
Dart 3 compatible 👍 32
Maintenance Status: Poor
A simple and easy to use flutter package, to make the widget show up in a smooth way as soon as it is created.
wave_transition
Dart 3 compatible 👍 31
Maintenance Status: Poor
A flutter package which helps you create amazing wave transitions.
animated
Dart 3 compatible 👍 31
Maintenance Status: Poor
A very simple (yet powerful) implicit animation library for Flutter.
smooth_sort
Dart 3 compatible 👍 30
Maintenance Status: Poor
A Flutter package for adding wonderful and custom sorting animations.
transition
Dart 3 compatible 👍 28
Maintenance Status: Poor
A transition library that helps implement the page transition animation.
animated_rotation
Dart 3 compatible 👍 24
Maintenance Status: Poor
An implicit animation widget for rotation. Just provide the angle and the widget will rotate over time.
animated_overflow
Dart 3 compatible 👍 24
Maintenance Status: Poor
A simple widget for animating overflowing content horizontally or vertically with fade.
splash_route
Dart 3 compatible 👍 16
Maintenance Status: Poor
It is just a route with fancy animation. It is used to show the splash animation while navigating to another page.
tdk_bouncingwidget
Dart 3 compatible 👍 13
Maintenance Status: Poor
A light-weight flutter package to acheive bouncing animation in flutter widgets while clicking.Three types of bouncing animations are provided.
vsync_provider
Dart 3 compatible 👍 10
Maintenance Status: Poor
VsyncProvider provides vsync for AnimationController. This works with provider package.
flutter_vap
Dart 3 compatible 👍 10
Maintenance Status: Poor
Is a native plugin for playing alpha video animation
flutter_fader
Dart 3 compatible 👍 9
Maintenance Status: Poor
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)
animated_widgets
👍 170
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.
flutter_sinusoidals
👍 109
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
👍 109
Maintenance Status: Poor
A package for flip panel with built-in animation
hover_effect
👍 91
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
👍 71
Maintenance Status: Poor
A nice 3D Cube effect for your PageView and PageRoute transitions.
motion_widget
👍 66
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.
animated_counter
👍 60
Maintenance Status: Poor
A package containing awesome animated counters to enhance your application with custom counter widgets.
explode_view
👍 58
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
👍 55
Maintenance Status: Poor
AnimationDirector is a package to create beautiful and smooth animations for flutter framework
flutter_animated_cards
👍 44
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.
atomized_image
👍 44
Maintenance Status: Poor
A widget which paints and animates images with particles to achieve an atomized effect.
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.
animate_routes
👍 25
Maintenance Status: Poor
animate_routes is a minimalist library to provider some cool animation transition when you navigate between the screens.
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.