Flutter Spinners

pub package

A collection of beautiful, customizable loading spinners for flutter applications, leveraging CustomPainter.

πŸ“¦ Installation

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_spinners: ^0.0.2

Then run:

flutter pub get

✨ Import

import 'package:flutter_spinners/flutter_spinners.dart';

🧭 Usage

WavyDotsIndicator(
  color: Colors.white,
  size: 60,
  duration: const Duration(seconds: 2)
),

🎨 Customization

All spinners support customization through common parameters:

SteppedDotsLoader(
   color: Colors.purple,           // Change the color
   size: 50.0,                     // Adjust the size (if supported)
   duration: Duration(seconds: 2), // Control animation speed
)

Parameters

Parameter Type Description
color Color The color of the spinner (required)
duration Duration Animation cycle duration (optional, varies by spinner)
size double Size of the spinner in logical pixels (optional, where applicable)
borderRadius double Corner radius of the bars (only available for bar-based spinners)

πŸŒ€ Available Spinners

Dot Spinners

  • CornerDotsIndicator
  • FlippingDotsIndicator
  • GridDotsShimmerIndicator
  • PulseDotsIndicator
  • QuadDotSwapIndicator
  • ShadowDotsIndicator
  • SingleStepLoader
  • SteppedDotsLoader
  • SwappingDotsIndicator
  • WavyDotsIndicator

Bar Spinners

  • BarWaveIndicator
  • DancingBarsIndicator
  • DoubleRowBarsIndicator
  • FlippingBarsIndicator
  • GrowingBarWaveIndicator
  • HorizontalShutterBarsIndicator
  • ShrinkSwapBarsIndicator
  • SinkingBarsIndicator
  • StretchBarsIndicator
  • VerticalShutterBarsIndicator

Square

  • FlippingSquareIndicator
  • FlippingSquaresGridIndicator
  • FoldingSquareIndicator
  • PulsatingSquareIndicator
  • ShimmeringSquareGridIndicator
  • SquareWaveGridIndicator

Lines

  • SlidingSquareLineIndicator
  • SquareLineIndicator
  • SquareLineLoopIndicator

πŸ“Έ Demo

Flutter Spinners demo preview

🀝 Contributing

Contributions are very welcome! πŸŽ‰
Whether it’s a new spinner, a bug fix, or a documentation improvement, every bit helps.

⭐ Show Your Support

If you find this package useful, please consider giving it a star on GitHub and a like on pub.dev!

Built with ❀️ for the Flutter community.