A Flutter package with a selection of simple yet very customizable set of loading animations.

Flutter Loading Animations

A simple yet very customizable set of loading animations for Flutter projects.

Installation

Add the following to your pubspec.yaml file:

...
dependencies:
  ...
  loading_animations: "^2.0.0"
...

Then import the file to your project:

import 'package:loading_animations/loading_animations.dart';

How to use

Choose a loading animation from the list:

LoadingFlipping

• LoadingFlipping.circle()
• LoadingFlipping.square()

LoadingRotating

• LoadingRotating.square()

LoadingDoubleFlipping

• LoadingDoubleFlipping.circle()
• LoadingDoubleFlipping.square()

LoadingBouncingGrid

• LoadingBouncingGrid.circle()
• LoadingBouncingGrid.square()

Then add the following code:

LoadingFlipping.circle(
  color: Colors.blue,
);

Or you can customize it a bit:

LoadingFlipping.square(
  borderColor: Colors.cyan,
  size: 30.0,
);

Or customize it even more!

LoadingFlipping.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 30.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

For more customization, please look inside the loading animaton files.

Note: all the animations come ready to go just by calling LoadingDoubleFlipping.square(), for example.

Many basic animations contain .circle() and .square() variations by default.

Examples

Note: the following gifs are not yet updated to reflect verison 2.0.0

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

LoadingFlipCircle()	LoadingRotatingSquare()
LoadingFlipBox()	LoadingBouncingGrid()

Contribution

Please feel free to:

• ask questions
• report issues and bugs
• suggest code improvements
• request new features

Create an issue or a pull request and I will be more than happy to review it and add to the project.

Download Loading Animations Source code on GitHub

A Flutter package with a selection of simple yet very customizable set of loading animations.
https://github.com/cytryn/loading-animations
19 forks.
171 stars.
2 open issues.

Recent commits:

• Update README.md, GitHub
• adjusting format; updated changelog, Andre Cytryn
• Merge pull request #19 from Ali1Ammar/mastermigrate to null safety, GitHub
• call flutter create . on example, Ali
• migrate example, Ali