animated_text_kit2 0.0.4 copy "animated_text_kit2: ^0.0.4" to clipboard
animated_text_kit2: ^0.0.4 copied to clipboard

A powerful Flutter package with 18+ beautiful animated text widgets including Typewriter, Fade, Scale, Rotate, Zoom, Liquid Text, Glitch Text, Neon Glow Text, Split Characters Animate, Word-by-Word An [...]

Animated Text Kit 2 #

Animated Text Kit 2 Demo

Pub GitHub

A powerful and easy-to-use Flutter package that provides more than 18 beautiful animated text widgets to enhance your app's UI. Created with ❀️ by itsaqibdev.

🌟 Features #

  • 18+ Beautiful Animations: From simple fade effects to complex 3D flips
  • Easy to Use: Simple API with extensive customization options
  • Lightweight: Optimized for performance
  • Well Tested: Comprehensive test coverage
  • Flutter Native: Built with pure Flutter widgets

Animation Types #

Animation Preview Description
Typewriter ✨ Classic typing effect with cursor
Fade ✨ Smooth opacity transition
Scale ✨ Size scaling animation
Rotate ✨ Rotation effects
Zoom ✨ Combined scale and fade
Liquid ✨ Fluid-like text effects
Glitch ✨ Digital distortion effects
Neon Glow ✨ Glowing neon text effects
Split Characters ✨ Character-by-character animation
Word-by-Word ✨ Word reveal animations
Paragraph Reveal ✨ Full paragraph sliding effects
Wave ✨ Sine wave text motion
Rainbow ✨ Colorful gradient cycling
Bounce ✨ Physics-based bouncing
Elastic ✨ Stretchy elastic effects
Spring ✨ Spring-like motion
3D Flip ✨ Three-dimensional flipping
Matrix Fall ✨ Character falling like Matrix code

πŸš€ Getting Started #

Add this to your package's pubspec.yaml file:

dependencies:
  animated_text_kit2: ^0.0.3

⬇️ Installation #

flutter pub add animated_text_kit2

or

flutter pub get

πŸ“¦ Import #

import 'package:animated_text_kit2/animated_text_kit2.dart';

🎯 Usage Examples #

Method 1: Direct Widget Usage #

TypewriterAnimatedText(
  text: 'Hello, World!',
  textStyle: TextStyle(
    fontSize: 32.0,
    fontWeight: FontWeight.bold,
  ),
  duration: Duration(milliseconds: 500),
  showCursor: true,
)
AnimatedTextKit2.Typewriter(
  text: 'Hello, World!',
  textStyle: TextStyle(
    fontSize: 32.0,
    fontWeight: FontWeight.bold,
  ),
  duration: Duration(milliseconds: 500),
  showCursor: true,
)

More Examples with AnimatedTextKit2 #

Fade Animation

AnimatedTextKit2.Fade(
  text: 'Fade In Text',
  duration: Duration(seconds: 2),
  textStyle: TextStyle(
    fontSize: 32.0,
    fontWeight: FontWeight.bold,
  ),
)

Scale Animation

AnimatedTextKit2.Scale(
  text: 'Scaling Text',
  duration: Duration(seconds: 2),
  textStyle: TextStyle(
    fontSize: 32.0,
    fontWeight: FontWeight.bold,
  ),
  startScale: 0.0,
  endScale: 1.0,
)

Rainbow Color Animation

AnimatedTextKit2.Rainbow(
  text: 'Rainbow Text',
  duration: Duration(seconds: 3),
  textStyle: TextStyle(
    fontSize: 32.0,
    fontWeight: FontWeight.bold,
  ),
)

πŸ’‘ Pro Tip: All animations support custom duration, textStyle, and delay parameters for fine-tuning. The AnimatedTextKit2 approach provides a more organized and consistent API.

πŸ§ͺ Example App #

Check out the example directory for a complete Flutter app demonstrating all 18+ animations with customization options.

To run the example:

cd example
flutter pub get
flutter run

πŸ“‹ API Reference #

Each animation widget supports these common properties:

Property Type Description Default
text String Text to animate Required
duration Duration Animation duration Duration(milliseconds: 1000)
textStyle TextStyle? Text styling null
delay Duration Delay before animation starts Duration.zero

Some widgets have additional properties specific to their animation type. Check individual widget documentation for details.

🀝 Contributing #

Contributions are welcome! Here's how you can help:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Development Setup #

flutter pub get
flutter test

πŸ‘¨β€πŸ’» Author #

itsaqibdev - Flutter Developer - GitHub

GitHub followers Twitter Follow

πŸ“„ License #

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ™ Acknowledgments #

  • Inspired by the original animated_text_kit package
  • Built with ❀️ for the Flutter community
  • Special thanks to all contributors and users

πŸ“ž Support #

If you have any questions or need help:

⭐ Show Your Support #

If you like this package, please give it a star on GitHub and upvote on pub.flutter-io.cn!

1
likes
140
points
134
downloads

Publisher

verified publishertelegrambotmaker.app

Weekly Downloads

A powerful Flutter package with 18+ beautiful animated text widgets including Typewriter, Fade, Scale, Rotate, Zoom, Liquid Text, Glitch Text, Neon Glow Text, Split Characters Animate, Word-by-Word Animation, Paragraph Reveal, Wave Text, Rainbow Color Animation, Bounce, Elastic, Spring Effects, 3D Flip Text, and Matrix-style fall-down animation.

Repository (GitHub)
View/report issues

Topics

#animation #text #ui #widget #effects

Documentation

API reference

Funding

Consider supporting this project:

github.com

License

MIT (license)

Dependencies

flutter

More

Packages that depend on animated_text_kit2