jogboms/flutter_spinkit

✨ 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

https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingPlane.gif RotatingPlain	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/DoubleBounce.gif DoubleBounce	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Wave.gif Wave	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/WanderingCubes.gif WanderingCubes	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingFour.gif FadingFour	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingCube.gif FadingCube
https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Pulse.gif Pulse	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ChasingDots.gif ChasingDots	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ThreeBounce.gif ThreeBounce	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Circle.gif Circle	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/CubeGrid.gif CubeGrid	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FadingCircle.gif FadingCircle
https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingCircle.gif RotatingCircle	https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FoldingCube.gif FoldingCube	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/heart.gif PumpingHeart	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/hour-glass.gif HourGlass	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/PouringHourGlass.gif PouringHourGlass	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/pouring-hour-glass-refined.gif PouringHourGlassRefined
https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/grid.gif FadingGrid	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ring.gif Ring	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ripple.gif Ripple	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinning-circle.gif SpinningCircle	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinning-lines.gif SpinningLines	https://raw.githubusercontent.com/abhishek0706/flutter_spinkit/square_circle/screenshots/square_circle.gif SquareCircle
https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/dual-ring.gif DualRing	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/piano-wave.gif PianoWave	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/dancing-square.gif DancingSquare	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/three-in-out.gif ThreeInOut	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinkit_wave_spinner.gif WaveSpinner	https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/pulsing-grid.gif 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 https://www.iconninja.com/files/241/825/211/round-collaboration-social-github-code-circle-network-icon.svg https://www.shareicon.net/download/2016/07/06/107115_media.svg https://www.iconninja.com/files/863/607/751/network-linkedin-social-connection-circular-circle-media-icon.svg

Ayush Agarwal https://www.iconninja.com/files/241/825/211/round-collaboration-social-github-code-circle-network-icon.svg https://www.shareicon.net/download/2016/07/06/107115_media.svg https://www.iconninja.com/files/863/607/751/network-linkedin-social-connection-circular-circle-media-icon.svg

⭐️ License

MIT License