Highly customizable activity indicator (spinner) for your Flutter apps based on the cupertino package.

The nuts_activity_indicator package is based on the cupertino library's CupertinoActivityIndicator widget and it offers greater customizability.

You can customize:

  • the colors ๐Ÿงกโค๏ธ
  • the width, size and the number of tickers ๐Ÿ“
  • the speed of the spinning ๐Ÿƒโ€โ™‚๏ธ๐Ÿ’จ

nuts_activity_indicator Published by GitHub Stars Count

Flutter package nuts_activity_indicator

If you enjoy using this package, a thumbs-up on would be highly appreciated! ๐Ÿ‘๐Ÿ’™


// Add nuts_activity_indicator as dependency in your pubspec:
// $ flutter pub add nuts_activity_indicator

// Then, import the package:
import 'package:nuts_activity_indicator/nuts_activity_indicator.dart';

// And finally, use and customize the widget:
final spinner = NutsActivityIndicator(
    activeColor: Colors.indigo,
    inactiveColor: Colors.blueGrey,
    tickCount: 24,
    relativeWidth: 0.4,
    radius: 60,
    startRatio: 0.7,
    animationDuration: Duration(milliseconds: 500),

This package exports a highly customizable activity indicator, "spinner" widget based on the iOS-style activity indicator from the cupertino package.

The key takeaways from Apple Human Interface Guidelines on Activity Indicators that are also relevant to the NutsActivityIndicator class are:

  • use the activity indicator only when the task cannot be quantified (there is no known remaining time, task count, data size).
  • keep it moving: only disable animating if the process stalls.

For more information, see

Read the API reference to see all currently supported parameters.