Skip to content
This repository has been archived by the owner on Oct 1, 2022. It is now read-only.

Advanced & beautiful animations inspired by animate_do and Animate.css, every animation is a widget that contains default but customizable values ๐Ÿ’™

License

LukeMoody01/animate_it

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

27 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

animate_it (Discontinued)

I am discontinung this package as there is a far better alernative: https://pub.dev/packages/flutter_animate. I would highly recommend checking that package out instead ๐Ÿ™‚

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.

About

Advanced & beautiful animations inspired by animate_do and Animate.css, every animation is a widget that contains default but customizable values ๐Ÿ’™

Resources

License

Code of conduct

Stars

Watchers

Forks

Languages