my_animated_text 1.0.0
my_animated_text: ^1.0.0 copied to clipboard
A Flutter package with customizable animated text widgets for dynamic and engaging text effects.
my_animated_text #
[Animated Text Demo]
โจ A Flutter package offering a collection of customizable animated text widgets to enhance your app's UI with engaging text animations.
๐ฆ Features #
- SlideText: Slides text in from left to right or right to left.
- TypewriterText: Simulates a typewriter effect, revealing text character by character.
- WaveMotionText: Applies a sinusoidal wave motion to each character.
- WavingGradientText: Applies a waving gradient effect to the text.
- ShimmerText: Applies a shimmer shine effect to the text.
- FadeText: Fades text in/out.
- ScaleText: Scales text up and down.
- RotationText: Rotates text back and forth.
- MarqueeText: Moves text horizontally like a marquee.
- FallingText: Makes each character fall into place.
- ColorizedText: Animates text through multiple colors.
- BouncingText: Animates each character with a bouncing effect from left to right or right to left.
- ShadowText: Animates text shadow effect.
๐ฅ Installation #
Add the following dependency to your pubspec.yaml:
dependencies:
my_animated_tex: ^{version}
or
$ flutter pub add my_animated_text
Then, run:
flutter pub get
๐งช Usage #
Import the package:
import 'package:my_animated_text/my_animated_text.dart';
SlideText #
SlideText(
'Hello, World!',
direction: SlideDirection.leftToRight,
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
TypewriterText #
TypewriterText(
'Hello, World!',
duration: Duration(seconds: 5),
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
WaveMotionText #
WaveMotionText(
'Hello, World!',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
WavingGradientText #
WavingGradientText(
'Hello, World!',
colors: [Colors.red, Colors.blue, Colors.green],
direction: WavingDirection.leftToRight,
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
ShimmerText #
ShimmerText(
'Shimmering Text',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
FadeText #
FadeText(
'Fading Text',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
ScaleText #
ScaleText(
'Scaling Text',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
RotationText #
RotationText(
'Rotating Text',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
MarqueeText #
MarqueeText(
'Scrolling Text',
speed: 50,
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
FallingText #
FallingText(
'Falling Text',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
ColorizedText #
ColorizedText(
'Colorful Text',
colors: [Colors.red, Colors.yellow, Colors.blue],
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
BouncingText #
BouncingText(
'Bouncing Text',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
)
ShadowText #
ShadowText(
'Shadow Text',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
mode: AnimatedTextMode.reverseLoop,
)
๐ Example Project #
For a complete example demonstrating all animated text widgets, check out the example directory in this repository.
๐ง Development #
To contribute or run the example locally:
- Clone the repository:
git clone https://github.com/tz-thantzin/my_animated_text.git
cd my_animated_text
- Install dependencies:
flutter pub get
- Run the example:
flutter run
๐ License #
This project is licensed under the MIT License - see the LICENSE file for details.
๐ฃ Acknowledgments #
- Inspired by various Flutter animation libraries.
- Special thanks to the Flutter community for their continuous support.
๐ Links #
- GitHub Home: https://github.com/tz-thantzin
- Repository: https://github.com/tz-thantzin/my_animated_text
Copyright (ยฉ๏ธ) 2025 Thant Zin