# flutter_spinkit 5.2.2
A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit.
## Installing
```
export PUB_HOSTED_URL=https://pub.mirror.p-hatan.com
flutter pub add 'flutter_spinkit:5.2.2'
```
Published: 2025-08-11T10:42:15.313483Z
Expected archive SHA-256: 77850df57c00dc218bfe96071d576a8babec24cf58b2ed121c83cca4a2fdce7f
Available in cache; verification: upstream_checksum
## Direct dependencies
- flutter: map[sdk:flutter]
## Package README (untrusted upstream documentation)
# ✨ Flutter Spinkit
[](https://github.com/jogboms/flutter_spinkit/actions/workflows/main.yml) [](https://codecov.io/gh/jogboms/flutter_spinkit) [](https://pub.dartlang.org/packages/flutter_spinkit)
A collection of loading indicators animated with flutter. Heavily inspired by [@tobiasahlin](https://github.com/tobiasahlin)'s [SpinKit](https://github.com/tobiasahlin/SpinKit).
## 🎖 Installing
```yaml
dependencies:
flutter_spinkit: ^5.2.2
```
### ⚡️ Import
```dart
import 'package:flutter_spinkit/flutter_spinkit.dart';
```
## 🎮 How To Use
```dart
const spinkit = SpinKitRotatingCircle(
color: Colors.white,
size: 50.0,
);
```
```dart
final spinkit = SpinKitFadingCircle(
itemBuilder: (BuildContext context, int index) {
return DecoratedBox(
decoration: BoxDecoration(
color: index.isEven ? Colors.red : Colors.green,
),
);
},
);
```
```dart
final spinkit = SpinKitSquareCircle(
color: Colors.white,
size: 50.0,
controller: AnimationController(vsync: this, duration: const Duration(milliseconds: 1200)),
);
```
For more info, please, refer to the `showcase.dart` in the example.
## 🚀 Showcase
RotatingPlain
|
DoubleBounce
|
Wave
|
WanderingCubes
|
FadingFour
|
FadingCube
|
Pulse
|
ChasingDots
|
ThreeBounce
|
Circle
|
CubeGrid
|
FadingCircle
|
RotatingCircle
|
FoldingCube
|
PumpingHeart
|
HourGlass
|
PouringHourGlass
|
PouringHourGlassRefined
|
FadingGrid
|
Ring
|
Ripple
|
SpinningCircle
|
SpinningLines
|
SquareCircle
|
DualRing
|
PianoWave
|
DancingSquare
|
ThreeInOut
|
WaveSpinner
|
PulsingGrid
|
> Some GIF images gotten from [Android Spinkit](https://github.com/ybq/Android-SpinKit).
## 🐛 Bugs/Requests
If you encounter any problems feel free to open an issue. If you feel the library is
missing a feature, please raise a ticket on Github and I'll look into it.
Pull request are also welcome.
### ❗️ Note
For help getting started with Flutter, view our online
[documentation](https://flutter.io/).
For help on editing plugin code, view the [documentation](https://flutter.io/platform-plugins/#edit-code).
## ☀️ Authors
## ⭐️ License
MIT License
## Changelog
# ChangeLog for Flutter Spinkit
A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit.
## 5.2.2
- Fix `SpinKitWanderingCubes` not working as showcased
## 5.2.1
- Fix `SpinKitCubeGrid` not working as showcased
## 5.2.0
- Fix `SpinKitCircle`, `SpinKitFadingCircle`, `SpinKitDancingSquare` animation
- Fix calling `setState` on unmounted states
- Introduced [SpinKitWaveSpinner]
- Introduced [SpinKitPulsingGrid]
## 5.1.0
- Renamed `SpinKitPouringHourglass` -> `SpinKitPouringHourGlass` for correctness
- Fix `SpinKitFoldingCube` animation
- Fix disposing of non-local animation controllers
- Introduced `strokeWidth` to pouring glass animation
- Introduced `SpinKitPouringHourGlassRefined`
- Introduced `SpinKitSpinningLines`
- Introduced `SpinKitPianoWave`
- Introduced `SpinKitDancingSquare`
- Introduced `SpinKitThreeInOut`
## 5.0.0
- Migrate to null safety
## 4.1.2+1
- Upgrades the example to AndroidX
## 4.1.2
- Introduced new `itemCount` property to `SpinKitWave`
- Fixed broken calculations that made certain animations behave weirdly
## 4.1.1+1
- Include Authors info in README
## 4.1.1
- Utilize native flutter auto-reverse feature for AnimationController
## 4.1.0
- Introduces a new SpinKit [SpinKitSquareCircle]
- Introduces `const` SpinKits
- Improve code quality across all spinners
### Before
```dart
final spinkit = SpinKitSquareCircle(color: Colors.white, size: 50.0);
```
### Now, all SpinKits can be initialized as `const`s
```dart
const spinkit = SpinKitSquareCircle(color: Colors.white, size: 50.0);
```
## 4.0.0
### Feature
- `controller` parameter [5873e7](https://github.com/jogboms/flutter_spinkit/commit/5873e75430aca52d2ec0c483dcd71a02438f3e8b). Closes [#51](https://github.com/jogboms/flutter_spinkit/issues/51)
```dart
final spinkit = SpinKitFadingCircle(
color: Colors.white,
size: 50.0,
controller: AnimationController(vsync: this, duration: const Duration(milliseconds: 1200)),
);
```
- [DualRing] `lineWidth` parameter [9bcfd5](https://github.com/jogboms/flutter_spinkit/commit/9bcfd507459dfabf50d26a27cdb2c11188fce913). Closes [#42](https://github.com/jogboms/flutter_spinkit/issues/42)
## 3.1.0
### Feature
- `duration` parameter [70b113b](https://github.com/jogboms/flutter_spinkit/commit/70b113b384200e344336d521704a1c96d2864909)
### Fixes
- state disposed before ticker [0c9b6e3](https://github.com/jogboms/flutter_spinkit/commit/0c9b6e388c2f714659b945ece7feb3b7480ba0de)
## 3.0.0
### Before
```dart
final spinkit = SpinKitFadingCircle(color: Colors.white, size: 50.0);
```
### Now, there is an itemBuilder alternative
```dart
final spinkit = SpinKitFadingCircle(
itemBuilder: (_, int index) {
return DecoratedBox(
decoration: BoxDecoration(
color: index.isEven ? Colors.red : Colors.green,
),
);
},
);
```
### Which produces
