Skip to content
A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.
Branch: master
Clone or download
Pull request Compare This branch is even with jogboms:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE
example
lib
screenshots
test
.gitignore
CHANGELOG.md
LICENSE
README.md
analysis_options.yaml
flutter_spinkit.iml
pubspec.lock
pubspec.yaml

README.md

Flutter Spinkit

pub package

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

🎖 Installing

dependencies:
  flutter_spinkit: "^3.1.0"

⚡️ Import

import 'package:flutter_spinkit/flutter_spinkit.dart';

🎮 How To Use

SpinKitRotatingCircle(
  color: Colors.white,
  size: 50.0,
);

As from 3.0.0

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

Which produces

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

🚀 Roadmap


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

You can’t perform that action at this time.