Flutter Spinners
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

π€ 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.
Libraries
- flutter_spinners
- spinners/bars/bar_wave_indicator
- spinners/bars/dancing_bars_indicator
- spinners/bars/double_row_bars_indicator
- spinners/bars/flipping_bars_indicator
- spinners/bars/growing_bar_wave_indicator
- spinners/bars/horizontal_shutter_bars_indicator
- spinners/bars/shrink_swap_bar_indicator
- spinners/bars/sinking_bars_indicator
- spinners/bars/stretch_bars_indicator
- spinners/bars/vertical_shutter_bars_indicator
- spinners/dots/corner_dots_indicator
- spinners/dots/flipping_dots_indicator
- spinners/dots/grid_dots_shimmer_indicator
- spinners/dots/pulse_dots_indicator
- spinners/dots/quad_dot_swap_indicator
- spinners/dots/shadow_dots_indicator
- spinners/dots/single_step_indicator
- spinners/dots/stepped_dots_indicator
- spinners/dots/swapping_dots_indicator
- spinners/dots/wavy_dots_indicator
- spinners/lines/sliding_square_line_indicator
- spinners/lines/square_line_indicator
- spinners/lines/square_line_loop_indicator
- spinners/square/flipping_square_indicator
- spinners/square/flipping_squares_grid_indicator
- spinners/square/folding_square_indicator
- spinners/square/pulsating_square_indicator
- spinners/square/shimmering_square_grid_indicator
- spinners/square/square_wave_grid_indicator