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

To use the animations, wrap any widget you want inside any animation widget (as seen below):

home: Scaffold(
    body: Center(
        child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: <Widget>[
            LightSpeedInLeft(child: Text('Left')),
            ShakeX(child: Text('ShakeX')),
            ShakeY(child: Text('ShakeY')),
            LightSpeedInRight(child: Text('Right')),
            ],
        ),
    ),
),

TODO

Update documentation

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.