Stylish Text

This flutter package contains few custom animated text.

Demo GIF

Roadmap

  • TypewriterText()
  • LinearMovingText()
  • BounceText()
  • OscillateText()
  • FadeText()

Typewriter

Demo GIF

Example code:

  TypewriterText(
            'Dhaka is the capital city of Bangladesh',
            style: TextStyle(fontSize: 20, color: Colors.green),
         ),

LinearMoving

Demo GIF

Example Code:

  LinearMovingText(
            'Welcome to Naogaon',
            style: const TextStyle(fontSize: 20, color: Colors.blue),
            direction: Direction.utd,
        ),

4 direction available: Direction.utd, Direction.dtu, Direction.rtl, Direction.ltr

Bounce

Demo GIF

Example Code:

  BounceOutText(
        'Flutter project',
        style: const TextStyle(fontSize: 20, color: Colors.purple),
        direction: Direction.dtu,
    ),

Oscillate

Demo GIF

Example Code:

  OscillateText(
      'This is Oscillating Text',
       textDirection: TextDirection.ltr,
       style: TextStyle(fontSize: 20, color: Colors.blue),
    ),

Fade

Demo GIF

Example Code:

 FadeText(
    'Hello World!',
     style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold, color: Colors.redAccent),
    ),

Libraries

stylish_text