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