All Projects → jogboms → Flutter_spinkit

jogboms / Flutter_spinkit

Licence: mit
✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Flutter spinkit

FlutterLoadingGIFs
Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/
Stars: ✭ 28 (-98.84%)
Mutual labels:  spinkit, loading-animations, flutter-plugin
flutter easyloading
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
Stars: ✭ 1,021 (-57.65%)
Mutual labels:  loading, spinkit, flutter-plugin
Vue Content Loading
Vue component to easily build (or use presets) SVG loading cards Facebook like.
Stars: ✭ 729 (-69.76%)
Mutual labels:  loading, loading-animations
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (-67.9%)
Mutual labels:  loading, loading-animations
Android Spinkit
Android loading animations
Stars: ✭ 8,096 (+235.79%)
Mutual labels:  loading, spinkit
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (-87.47%)
Mutual labels:  loading, loading-animations
Rsloadingview
Awesome loading animations using 3D engine written with Swift
Stars: ✭ 388 (-83.91%)
Mutual labels:  loading, loading-animations
Jhud
A full screen of the HUD when loading the data (Objective-C).
Stars: ✭ 1,003 (-58.4%)
Mutual labels:  loading, loading-animations
easy-css-layout
Easy css layout
Stars: ✭ 117 (-95.15%)
Mutual labels:  loading, loading-animations
Nvactivityindicatorview
A collection of awesome loading animations
Stars: ✭ 10,031 (+316.05%)
Mutual labels:  loading-animations, loaders
Svg Loaders React
React adaptation of the SVG Loaders library by Sam Herbert
Stars: ✭ 75 (-96.89%)
Mutual labels:  loading, loading-animations
Skeletonview
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
Stars: ✭ 10,804 (+348.11%)
Mutual labels:  loading, loading-animations
Android Loading Dialog
这个是我在泡网看见的一个等待的dialog
Stars: ✭ 297 (-87.68%)
Mutual labels:  loading, loading-animations
Ngx Skeleton Loader
Make beautiful, animated loading skeletons that automatically adapt to your Angular apps
Stars: ✭ 278 (-88.47%)
Mutual labels:  loading, loading-animations
Flutter easyloading
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
Stars: ✭ 455 (-81.13%)
Mutual labels:  flutter-plugin, loading
react-awesome-loaders
🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.
Stars: ✭ 146 (-93.94%)
Mutual labels:  loaders, animation-library
Spinners
A Sass mixin to generate fully customizable, pure CSS3 loading/busy indicators
Stars: ✭ 33 (-98.63%)
Mutual labels:  loading, loading-animations
Waveloadingview
An Android library providing to realize wave loading effect.
Stars: ✭ 1,658 (-31.23%)
Mutual labels:  loading, loading-animations
Fluent-Design
Microsoft's Fluent Design with pure HTML/CSS/JS
Stars: ✭ 36 (-98.51%)
Mutual labels:  loading, loading-animations
Xamarin.Android.AVLoadingIndicatorView
🔰 AVLoadingIndicatorView is a collection of nice loading animations for Xamarin.Android.
Stars: ✭ 26 (-98.92%)
Mutual labels:  loading, loading-animations

Flutter Spinkit

Format, Analyze and Test codecov pub package

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

🎖 Installing

dependencies:
  flutter_spinkit: ^5.1.0

⚡️ Import

import 'package:flutter_spinkit/flutter_spinkit.dart';

🎮 How To Use

const spinkit = SpinKitRotatingCircle(
  color: Colors.white,
  size: 50.0,
);
final spinkit = SpinKitFadingCircle(
  itemBuilder: (BuildContext context, int index) {
    return DecoratedBox(
      decoration: BoxDecoration(
        color: index.isEven ? Colors.red : Colors.green,
      ),
    );
  },
);
final spinkit = SpinKitSquareCircle(
  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


RotatingPlain

DoubleBounce

Wave

WanderingCubes

FadingFour

FadingCube

Pulse

ChasingDots

ThreeBounce

Circle

CubeGrid

FadingCircle

RotatingCircle

FoldingCube

PumpingHeart

HourGlass

PouringHourGlass

PouringHourGlassRefined

FadingGrid

Ring

Ripple

SpinningCircle

SpinningLines

SquareCircle

DualRing

PianoWave

DancingSquare

ThreeInOut

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.

☀️ Authors

Jeremiah Ogbomo

Ayush Agarwal

⭐️ License

MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].