9 Best Flutter Animation Libraries

Working with animation in Flutter is fun. There are many ways to make UI alive.

If you don’t want to use the built-in animation widgets, you can choose among the best Flutter animation libraries below to use in your project.

Simple Animations

Simple Animations is a powerful framework to help developers create beautiful custom animations. It can easily create custom animations in stateless widgets, animate multiple properties at once, and create staggered animations within second.

This plugin is the only plugin I found examples are awesome. It solves lots of real life animation problem.

Animator

Animator allows you to create stunning flutter animations, faster, efficient and with less code. It is partly inspired by the amazing Animate.css package by Dan Eden. It can combine and chain Tweens with multiple easing-curves, restart animations on hot-reload, animate your widget using Animate.css based Widgets.

Steps Animation

This plugin will help you compose multi animations step by step.

 stepsAnimation = StepsAnimationBuilder()
        .addStepBuilder(_timeAnimation(1))
        .addStepBuilder(_timeAnimation(2))
        .addStepBuilder(_timeAnimation(3))
        .addStepBuilder(_multipleAnimation())
        .addStepBuilder(_waitStep(2))
        .addStepBuilder(_moreStepsAnimation())
        .animation(this);

In the code above, you can see that the StepsAnimationBuilder can add animation one by one.

drawing_animation

This is a Flutter library for gradually painting SVG path objects on canvas. The rendering library exposes a central widget called AnimatedDrawing which allows to render SVG paths (via AnimatedDrawing.svg) or Flutter Path objects (via AnimatedDrawing.paths) in a drawing like fashion.

Zerker

Zerker is a Flutter canvas graphics animation library. It has very simple api and operation methods to help developers achieve a variety of animation effects, such as the like effect, admission animation, pop-up effect, etc.

Liquid Swipe

Liquid swipe is the revealing clipper to bring off amazing liquid like swipe to stacked Container.

Staggered Animations

Staggered Animations library can add staggered animations to your ListView, GridView, Column and Row children. It supports 4 types of animations with respective widgets: FadeInAnimation, SlideAnimation, ScaleAnimation, FlipAnimation.

animated_widgets

If you want to make simple animations, using this library is good enough. It can chain several animations. It supports these widgets: TranslationAnimatedWidgetOpacityAnimatedWidgetRotationAnimatedWidgetScaleAnimatedWidgetSizeAnimatedWidget.

widget_circular_animator

This animation package add animated orbit around the widget you have such as a profile or an image or anything.

Leave a Comment

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close