A simple yet very customizable set of loading indicators for Flutter

flutter loading indicators

a flutter package with a selection of simple yet very customizable set of loading indicators.

installation

add the following to your pubspec.yaml file:

...
dependencies:
  ...
  loading_indicator: "^1.0.0"
...

then import the file to your project:

import 'package:loading_indicator/loading_indicator.dart';

how to use

choose a loading indicator from the list:

• flipcircle
• rotatingsquare
• flipbox
• bouncinggrid

then add the following code:

loadingflipcircle(
  color: colors.blue,
);

or you can customize it a bit:

loadingflipcircle(
  bordercolor: colors.cyan,
  size: 30.0,
);

or customize it even more!

loadingflipcircle(
  bordercolor: colors.cyan,
  bordersize: 3.0,
  size: 30.0,
  backgroundcolor: colors.cyanaccent,
  duration: duration(milliseconds: 500),
);

for more customization, please look inside the loading indicator files.

note: all the indicators come ready to go just by calling loadingflipbox(), for example.

examples

for a more true experience of the animations and variations,
download the example project and run using flutter run --profile.

loadingflipcircle()

loadingrotatingsquare()

loadingflipbox()

loadingbouncinggrid()