Skip to content
A Flutter package with a selection of simple yet very customizable set of loading animations.
Dart Objective-C Java
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github removing github funding Sep 9, 2019
assets .gitignore fix Sep 12, 2019
example flutter format Sep 15, 2019
lib flutter format Sep 15, 2019
test initial commit Sep 9, 2019
.gitignore assing gitignore Sep 9, 2019
CHANGELOG.md updating release documents Sep 15, 2019
LICENSE initial commit Sep 9, 2019
README.md updating release documents Sep 15, 2019
loading_animations.iml package details Sep 9, 2019
pubspec.lock .gitignore fix Sep 12, 2019
pubspec.yaml added v2.0.0 changes Sep 11, 2019

README.md

Flutter Loading Animations Pub

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.

Thanks

This project was heavily based on https://cssfx.dev/

If you like this package, dont forget to hit the ⭐️ button!

Thanks and happy coding 👻

You can’t perform that action at this time.