✨ Flutter Spinkit #

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

🎖 Installing #

dependencies:
    flutter_spinkit: "^1.0.0"

⚡️ Import #

import 'package:flutter_spinkit/flutter_spinkit.dart';

🎮 How To Use #

SpinKitRotatingCircle(
  color: Colors.white,
  width: 50.0,
  height: 50.0,
);

The following animations requires extra assets in your pubspec.yaml. SpinKitHourGlass & SpinKitDualRing.

assets:
  - packages/flutter_spinkit/assets/hourglass.png
  - packages/flutter_spinkit/assets/dual-ring.png

For more info, please, refer to the showcase.dart in the example.

🚀 Roadmap #

RotatingPlane ✅	DoubleBounce ✅	Wave ✅	WanderingCubes ✅	[./screenshots/FadingFour.gif] FadingFour ✅	[./screenshots/FadingCube.gif] FadingCube ✅
Pulse ✅	ChasingDots ✅	ThreeBounce ✅	Circle ✅	CubeGrid ✅	FadingCircle ✅
RotatingCircle ✅	FoldingCube ✅	[./screenshots/heart.gif] PumpingHeart ✅	[./screenshots/dual-ring.gif] DualRing ✅	[./screenshots/grid.gif] FadingGrid ✅	[./screenshots/hour-glass.gif] HourGlass ✅
[./screenshots/ring.gif] Ring ✅	[./screenshots/ripple.gif] Ripple ✅	[./screenshots/spinning-circle.gif] SpinningCircle ✅

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.

⭐️ License #

MIT License