Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
progress_indicators cover
Package detailsv1.0.0

progress_indicators

A handful collection of some cool progress indicators and text animators.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
6.4K
Likes
198
Pub points
130

Install package

flutter pub add progress_indicators

Package Overview

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

A Flutter package offering a collection of visually appealing progress indicators and text animators. Designed to enhance user experience with smooth, customizable loading animations across multiple platforms. Ideal for displaying loading states, refreshing content, or animating text in apps. The package supports Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent performance and appearance across devices. Simple integration via pub add makes it accessible for developers seeking modern UI elements without complex setup.

Use cases

  • Loading screens
  • Refresh indicators
  • Animated text displays
  • Onboarding experiences
  • Game loading states
  • Interactive app feedback

Key features

  • Multiple animated progress styles
  • Text animation utilities
  • Cross-platform compatibility
  • Easy integration
  • Customizable colors and sizes
  • Lightweight and performant

Suitable for

  • UI/UX designers
  • Mobile app developers
  • Web application creators
  • Flutter beginners
  • Apps needing engaging loading visuals
  • Projects with dynamic content updates

Considerations

  • Limited to visual enhancements
  • No advanced state management
  • Not suitable for complex animations
  • Requires manual styling for unique designs
  • Depends on Flutter's rendering engine
  • May impact performance if overused

Original README

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

Flutter progress indicators

With this project, we are aiming to provide some cool, animated progress indicators to Flutter developers.

Currently available

Sample

Here's how it looks like.

Usage

Import package:progress_indicators/progress_indicators.dart and use these avaiable widgets:

  • FadingText
  • JumpingText
  • ScalingText
  • JumpingDots
  • HeartbeatProgressIndicator
  • GlowingProgressIndicator
  • CollectionSlideTranstion
  • CollectionScaleTransition

Example

Widget build(BuildContext context) {
    print(Offset(0.0, -1.0).distanceSquared - Offset(0.0, 0.0).distanceSquared);
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Text('Jumping dots'),
            JumpingDotsProgressIndicator(
              fontSize: 20.0,
            ),
            SizedBox(height: 60.0),
            new Text('Heartbeat'),
            SizedBox(height: 16.0),
            HeartbeatProgressIndicator(
              child: Icon(Icons.home),
            ),
            SizedBox(height: 60.0),
            new Text('Glowing'),
            GlowingProgressIndicator(
              child: Icon(Icons.home),
            ),
            SizedBox(height: 32.0),
            FadingText('Loading...'),
            SizedBox(height: 32.0),
            JumpingText('Loading...'),
            SizedBox(height: 32.0),
            ScalingText('Loading...'),
            SizedBox(height: 32.0),
            CollectionSlideTransition(
              children: <Widget>[
                Icon(Icons.android),
                Icon(Icons.apps),
                Icon(Icons.announcement),
              ],
            ),
            SizedBox(height: 32.0),
            CollectionScaleTransition(
              children: <Widget>[
                Icon(Icons.android),
                Icon(Icons.apps),
                Icon(Icons.announcement),
              ],
            ),
          ],
        ),
      ),
    );
  }

For complete sample, see the this example app.

Categories

Indicators: Loading, Refresh, Progress

Source repository

Projects using this package