Flutter SpinKit

Free

jogboms

(Project Owner)
(Project Contributors)

General Details

5 RATINGS
REGISTRAR
Sep 3rd 19 REGISTERED ON

Additional Details

Source Code DOWNLOAD
NA VERSION
Sep 03, 2019 Last Updated

✨ Flutter Spinkit

pub package

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

🎖 Installing

dependencies:
  flutter_spinkit: "^4.0.0"

⚡️ Import

import 'package:flutter_spinkit/flutter_spinkit.dart';

🎮 How To Use

SpinKitRotatingCircle(
  color: Colors.white,
  size: 50.0,
);
SpinKitFadingCircle(
  itemBuilder: (_, int index) {
    return DecoratedBox(
      decoration: BoxDecoration(
        color: index.isEven ? Colors.red : Colors.green,
      ),
    );
  },
);

As from 4.0.0

SpinKitFadingCircle(
  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


RotatingPlane
✅

DoubleBounce
✅

Wave
✅

WanderingCubes
✅

FadingFour
✅

FadingCube
✅

Pulse
✅

ChasingDots
✅

ThreeBounce
✅

Circle
✅

CubeGrid
✅

FadingCircle
✅

RotatingCircle
✅

FoldingCube
✅

PumpingHeart
✅

DualRing
✅

HourGlass
✅

PouringHourGlass
✅

FadingGrid
✅

Ring
✅

Ripple
✅

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