Flutter Spinkit: Animated Loading Indicators for Flutter

✨ Flutter Spinkit

A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit.

🎖 Installing

dependencies:
  flutter_spinkit: ^5.2.0

⚡️ Import

import 'package:flutter_spinkit/flutter_spinkit.dart';

🎮 How To Use

const spinkit = SpinKitRotatingCircle(
  color: Colors.white,
  size: 50.0,
);
final spinkit = SpinKitFadingCircle(
  itemBuilder: (BuildContext context, int index) {
    return DecoratedBox(
      decoration: BoxDecoration(
        color: index.isEven ? Colors.red : Colors.green,
      ),
    );
  },
);
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.

🐛 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.

For help on editing plugin code, view the documentation.

☀️ Authors

Jeremiah Ogbomo

Ayush Agarwal


Download details:

Author:  jogboms
Source: https://github.com/jogboms/flutter_spinkit

License: MIT license

#flutter #dart 

Flutter Spinkit: Animated Loading Indicators for Flutter
2.30 GEEK