close
Skip to content

jogboms/flutter_spinkit

Repository files navigation

✨ Flutter Spinkit

Format, Analyze and Test codecov pub package

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

🎖 Installing

dependencies:
  flutter_spinkit: ^5.2.2

⚡️ 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

Image
RotatingPlain
Image
DoubleBounce
Image
Wave
Image
WanderingCubes
Image
FadingFour
Image
FadingCube
Image
Pulse
Image
ChasingDots
Image
ThreeBounce
Image
Circle
Image
CubeGrid
Image
FadingCircle
Image
RotatingCircle
Image
FoldingCube
Image
PumpingHeart
Image
HourGlass
Image
PouringHourGlass
Image
PouringHourGlassRefined
Image
FadingGrid
Image
Ring
Image
Ripple
Image
SpinningCircle
Image
SpinningLines
Image
SquareCircle
Image
DualRing
Image
PianoWave
Image
DancingSquare
Image
ThreeInOut
Image
WaveSpinner
Image
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

Image Image Image

Ayush Agarwal

Image Image Image

⭐️ License

MIT License

Sponsor this project

Contributors

Languages