animate_it

An animation package inspired by animate_do and Animate.css.

Since the original animate_do is not being maintained, I have decided to create this package that will improve the current animations and add a LOT more animations including complex animations using Matrix4.

To see the road map, view the open issues

Showcase

Demo1	Demo2	Demo3

Available Animations

Attention Seeker

Bounce
Dance
Flash
Jello NEW
Pulse
Roulette
RubberBand NEW
ShakeX NEW
ShakeY NEW
Spin
SpinPerfect
Swing

Bouncing Entrances

BounceInDown
BounceInLeft
BounceInRight
BounceInUp

Elastic Entrances

ElasticIn
ElasticInDown
ElasticInLeft
ElasticInRight
ElasticInUp

Fading Entrances

FadeIn
FadeInDown
FadeInDownBig
FadeInLeft
FadeInLeftBig
FadeInRight
FadeInRightBig
FadeInUp
FadeInUpBig

Fading Exits

FadeOut
FadeOutDown
FadeOutDownBig
FadeOutLeft
FadeOutLeftBig
FadeOutRight
FadeOutRightBig
FadeOutUp
FadeOutUpBig

Flippers

FlipInX
FlipInY

Lightspeed

LightspeedInLeft
LightspeedInRight

Sliding Entrances

SlideInDown
SlideInLeft
SlideInRight
SlideInUp

Specials

JelloIn

Zoom Entrances

ZoomIn

Zoom Exits

ZoomOut

More to come ?

Example

home: Scaffold(
    body: Center(
        child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: <Widget>[
            FadeInLeft(child: Text('Left') ),
            FadeInUp(child: Text('Up') ),
            FadeInDown(child: Text('Down') ),
            FadeInRight(child: Text('Right') ),
            ],
        ),
    ),
),

TODO

Please note, A lot of these animations need work to be a bit more snappy and smooth. There is also a lot of things I want to do with this package and they will be put into issues in the GitHub repo. If you have any suggestions, please feel free to raise a ticket and I will take a look into it.

GitHub

View Github