flutter_animation_plus

Description:

flutter animation plus

flutter_animation_plus Package #
Overview #
The flutter_animation_plus package provides a collection of versatile animation widgets designed to enhance the Flutter application's visual appeal and interactivity. With over 15+ unique animation options, developers can easily integrate dynamic effects into their UI elements.
Installation #
To use flutter_animation_plus in your Flutter project, add the following dependency to your pubspec.yaml file:
dependencies:
flutter_animation_plus: ^0.0.7
copied to clipboard
BlobAnimation: Create blob-like distortions with smooth transitions.
BlobAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Blob Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
BouncingAnimation: Add bouncing effects to your UI elements.
BouncingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Bouncing Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
DistortionAnimation: Distort UI elements for a unique visual effect.
DistortionAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Distortion Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
FadingAnimation: Create smooth fading transitions.
FadingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Fading Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
FlipAnimation: Flip UI elements with a rotating animation.
FlipAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Flip Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
GlitchAnimation: Introduce glitch effects to your UI.
GlitchAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Glitch Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
KaleidoscopeAnimation: Create kaleidoscopic visual effects.
KaleidoscopeAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Kaleidoscope Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
LiquidSwipeAnimation: Mimic liquid-like transitions between UI elements.
LiquidSwipeAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Liquid Swipe Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
MorphingAnimation: Transform UI elements with smooth morphing effects.
MorphingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Morphing Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
PulsingAnimation: Add pulsating effects to your UI.
PulsingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Pulsing Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
RippleAnimation: Create ripple effects for interactive UI elements.
RippleAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Ripple Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
RotationAnimation: Rotate UI elements smoothly.
RotationAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Rotation Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
ScalingAnimation: Scale UI elements with smooth animations.
ScalingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Scaling Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
ShakingAnimation: Add shaking effects to UI elements.
ShakingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Shaking Animation",
style: TextStyle(fontSize: 25),
),
);
SlidingAnimation: Slide UI elements smoothly across the screen.
SlidingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Sliding Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
TwistingAnimation: Twist UI elements for a dynamic appearance.
TwistingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Twisting Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
WigglingAnimation: Add wiggling effects to UI elements.
WigglingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Wiggling Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
ZoomingAnimation: Zoom in and out of UI elements smoothly.
ZoomingAnimation(
duration: const Duration(seconds: 1),
repeat: false,
child: Text(
"Zooming Animation",
style: TextStyle(fontSize: 25),
),
);
copied to clipboard
Conclusion #
The flutter_animation_plus package offers a wide range of animation widgets to bring life and interactivity to your Flutter applications. Choose from various effects to create captivating user experiences effortlessly.