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

BlobAnimation: Create blob-like distortions with smooth transitions.

BlobAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Blob Animation",
    style: TextStyle(fontSize: 25),
  ),
);

BouncingAnimation: Add bouncing effects to your UI elements.

BouncingAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Bouncing Animation",
    style: TextStyle(fontSize: 25),
  ),
);

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),
  ),
);

FadingAnimation: Create smooth fading transitions.

FadingAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Fading Animation",
    style: TextStyle(fontSize: 25),
  ),
);

FlipAnimation: Flip UI elements with a rotating animation.

FlipAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Flip Animation",
    style: TextStyle(fontSize: 25),
  ),
);

GlitchAnimation: Introduce glitch effects to your UI.

GlitchAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Glitch Animation",
    style: TextStyle(fontSize: 25),
  ),
);

KaleidoscopeAnimation: Create kaleidoscopic visual effects.

KaleidoscopeAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Kaleidoscope Animation",
    style: TextStyle(fontSize: 25),
  ),
);

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),
  ),
);

MorphingAnimation: Transform UI elements with smooth morphing effects.

MorphingAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Morphing Animation",
    style: TextStyle(fontSize: 25),
  ),
);

PulsingAnimation: Add pulsating effects to your UI.

PulsingAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Pulsing Animation",
    style: TextStyle(fontSize: 25),
  ),
);

RippleAnimation: Create ripple effects for interactive UI elements.

RippleAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Ripple Animation",
    style: TextStyle(fontSize: 25),
  ),
);

RotationAnimation: Rotate UI elements smoothly.

RotationAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Rotation Animation",
    style: TextStyle(fontSize: 25),
  ),
);

ScalingAnimation: Scale UI elements with smooth animations.

ScalingAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Scaling Animation",
    style: TextStyle(fontSize: 25),
  ),
);

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),
  ),
);

TwistingAnimation: Twist UI elements for a dynamic appearance.

TwistingAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Twisting Animation",
    style: TextStyle(fontSize: 25),
  ),
);

WigglingAnimation: Add wiggling effects to UI elements.

WigglingAnimation(
  duration: const Duration(seconds: 1),
  repeat: false,
  child: Text(
    "Wiggling Animation",
    style: TextStyle(fontSize: 25),
  ),
);

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),
  ),
);

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.