animated_text_kit2 0.0.4

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

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

Method 2: AnimatedTextKit2 Singleton (Recommended)

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

📄 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:

• Create an issue
• Reach out on Twitter
• Check the documentation

⭐ Show Your Support

If you like this package, please give it a star on GitHub and upvote on pub.dev!