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 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 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.
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.
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 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 is the revealing clipper to bring off amazing liquid like swipe to stacked Container.
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.
If you want to make simple animations, using this library is good enough. It can chain several animations. It supports these widgets:
This animation package add animated orbit around the widget you have such as a profile or an image or anything.