Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
stylish_text cover
Package detailsv0.0.1

stylish_text

A Flutter package containing some text animations

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
8
Likes
3
Pub points
110

Install package

flutter pub add stylish_text

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that provides a collection of text animations to enhance UIs with dynamic and visually appealing text effects. Designed for developers seeking to add flair to static text elements, it supports various animation styles such as typing, fading, and sliding effects. The package is lightweight and integrates seamlessly into Flutter projects across multiple platforms. It's ideal for splash screens, onboarding sequences, or any scenario where engaging text presentation improves user experience.

Use cases

  • Adding animated text in splash screens
  • Creating interactive onboarding experiences
  • Enhancing UIs with dynamic text effects
  • Animating text in game interfaces
  • Displaying motivational quotes with flair
  • Improving app intros with visual appeal

Key features

  • Pre-built text animation types
  • Cross-platform compatibility
  • Easy integration with Flutter widgets
  • Customizable animation speed and timing
  • Lightweight and performant
  • Supports all major Flutter platforms

Suitable for

  • UI/UX designers looking for animated text
  • Developers building engaging onboarding flows
  • App creators wanting to stand out with visual effects
  • Educational apps needing dynamic text
  • Gamified applications with animated feedback

Considerations

  • May impact performance if overused
  • Animations should be used sparingly for optimal UX
  • Not suitable for accessibility-critical text
  • Requires careful tuning for different screen sizes
  • Limited customization compared to custom animations
  • Best used for short, impactful text elements

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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

Categories

Text Decoration, Effect & Animation

Source repository

Projects using this package

No data available yet.