https://github.com/jogboms/flutter_spinkit

✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.
https://github.com/jogboms/flutter_spinkit

android animation animation-library dart dartlang flutter flutter-plugin ios loaders loading loading-animations spinkit

Last synced: about 2 months ago
JSON representation

✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.

• Host: GitHub
• URL: https://github.com/jogboms/flutter_spinkit
• Owner: jogboms
• License: mit
• Created: 2018-06-25T09:30:45.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2025-08-11T10:43:36.000Z (3 months ago)
• Last Synced: 2025-08-11T11:38:13.953Z (3 months ago)
• Topics: android, animation, animation-library, dart, dartlang, flutter, flutter-plugin, ios, loaders, loading, loading-animations, spinkit
• Language: Dart
• Homepage:
• Size: 3.05 MB
• Stars: 3,092
• Watchers: 33
• Forks: 317
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-flutter-cn - SpinKit - 由 [Jeremiah Ogbomo](https://twitter.com/jogboms) 开发的动画加载指示器。 (框架 / 动画)
• awesome-flutter-cn - SpinKit - loading 指示器动画，[Jeremiah Ogbomo](https://twitter.com/jogboms). (框架 / 动画)
• awesome-coding - flutter_spinkit
• awesome-flutter - SpinKit - Animated loading indicators by [Jeremiah Ogbomo](https://twitter.com/jogboms). (Frameworks / Animation)
• awesome-flutter - SpinKit - 各种精美的加载动画，作者：[Jeremiah Ogbomo](https://twitter.com/jogboms) (Uncategorized / Uncategorized)
• awesome-loading-indicators - Flutter Spinkit - A collection of loading indicators animated with flutter. (Dart)
• awesome-flutter - SpinKit - A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit. ` 📝 4 months ago ` (Animation [🔝](#readme))
• fucking-awesome-flutter - SpinKit - Animated loading indicators by 🌎 [Jeremiah Ogbomo](twitter.com/jogboms). (Frameworks / Animation)
• awesome-flutter - SpinKit - Animated loading indicators by [Jeremiah Ogbomo](https://twitter.com/jogboms). (Frameworks / Animation)

README

          
# ✨ Flutter Spinkit

[![Format, Analyze and Test](https://github.com/jogboms/flutter_spinkit/actions/workflows/main.yml/badge.svg)](https://github.com/jogboms/flutter_spinkit/actions/workflows/main.yml) [![codecov](https://codecov.io/gh/jogboms/flutter_spinkit/branch/master/graph/badge.svg)](https://codecov.io/gh/jogboms/flutter_spinkit) [![pub package](https://img.shields.io/pub/v/flutter_spinkit.svg)](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