[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9180":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":18,"lastSyncTime":39,"discoverSource":40},9180,"flutter_spinkit","jogboms\u002Fflutter_spinkit","jogboms","✨ A collection of loading indicators animated with flutter. Heavily Inspired by http:\u002F\u002Ftobiasahlin.com\u002Fspinkit.","",null,"Dart",3144,322,32,12,0,1,2,29.53,"MIT License",false,"master",[24,25,26,27,28,29,30,31,32,33,34,35],"android","animation","animation-library","dart","dartlang","flutter","flutter-plugin","ios","loaders","loading","loading-animations","spinkit","2026-06-12 02:02:03","# ✨ Flutter Spinkit\n\n[![Format, Analyze and Test](https:\u002F\u002Fgithub.com\u002Fjogboms\u002Fflutter_spinkit\u002Factions\u002Fworkflows\u002Fmain.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fjogboms\u002Fflutter_spinkit\u002Factions\u002Fworkflows\u002Fmain.yml) [![codecov](https:\u002F\u002Fcodecov.io\u002Fgh\u002Fjogboms\u002Fflutter_spinkit\u002Fbranch\u002Fmaster\u002Fgraph\u002Fbadge.svg)](https:\u002F\u002Fcodecov.io\u002Fgh\u002Fjogboms\u002Fflutter_spinkit) [![pub package](https:\u002F\u002Fimg.shields.io\u002Fpub\u002Fv\u002Fflutter_spinkit.svg)](https:\u002F\u002Fpub.dartlang.org\u002Fpackages\u002Fflutter_spinkit)\n\nA collection of loading indicators animated with flutter. Heavily inspired by [@tobiasahlin](https:\u002F\u002Fgithub.com\u002Ftobiasahlin)'s [SpinKit](https:\u002F\u002Fgithub.com\u002Ftobiasahlin\u002FSpinKit).\n\n## 🎖 Installing\n\n```yaml\ndependencies:\n  flutter_spinkit: ^5.2.2\n```\n\n### ⚡️ Import\n\n```dart\nimport 'package:flutter_spinkit\u002Fflutter_spinkit.dart';\n```\n\n## 🎮 How To Use\n\n```dart\nconst spinkit = SpinKitRotatingCircle(\n  color: Colors.white,\n  size: 50.0,\n);\n```\n\n```dart\nfinal spinkit = SpinKitFadingCircle(\n  itemBuilder: (BuildContext context, int index) {\n    return DecoratedBox(\n      decoration: BoxDecoration(\n        color: index.isEven ? Colors.red : Colors.green,\n      ),\n    );\n  },\n);\n```\n\n```dart\nfinal spinkit = SpinKitSquareCircle(\n  color: Colors.white,\n  size: 50.0,\n  controller: AnimationController(vsync: this, duration: const Duration(milliseconds: 1200)),\n);\n```\n\nFor more info, please, refer to the `showcase.dart` in the example.\n\n## 🚀 Showcase\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FRotatingPlane.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      RotatingPlain\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FDoubleBounce.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      DoubleBounce\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FWave.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      Wave\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FWanderingCubes.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      WanderingCubes\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002FFadingFour.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      FadingFour\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002FFadingCube.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      FadingCube\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FPulse.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      Pulse\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FChasingDots.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      ChasingDots\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FThreeBounce.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      ThreeBounce\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FCircle.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      Circle\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FCubeGrid.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      CubeGrid\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FFadingCircle.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      FadingCircle\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FRotatingCircle.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      RotatingCircle\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fybq\u002FAndroidSpinKit\u002Fmaster\u002Fart\u002FFoldingCube.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      FoldingCube\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fheart.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      PumpingHeart\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fhour-glass.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      HourGlass\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002FPouringHourGlass.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      PouringHourGlass\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fpouring-hour-glass-refined.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      PouringHourGlassRefined\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fgrid.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      FadingGrid\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fring.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      Ring\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fripple.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      Ripple\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fspinning-circle.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      SpinningCircle\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fspinning-lines.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      SpinningLines\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fabhishek0706\u002Fflutter_spinkit\u002Fsquare_circle\u002Fscreenshots\u002Fsquare_circle.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      SquareCircle\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fdual-ring.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      DualRing\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fpiano-wave.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      PianoWave\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fdancing-square.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      DancingSquare\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fthree-in-out.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      ThreeInOut\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fspinkit_wave_spinner.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      WaveSpinner\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjogboms\u002Fflutter_spinkit\u002Fmaster\u002Fscreenshots\u002Fpulsing-grid.gif\" width=\"100px\" height=\"100px\">\n      \u003Cbr \u002F>\n      PulsingGrid\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n> Some GIF images gotten from [Android Spinkit](https:\u002F\u002Fgithub.com\u002Fybq\u002FAndroid-SpinKit).\n\n## 🐛 Bugs\u002FRequests\n\nIf you encounter any problems feel free to open an issue. If you feel the library is\nmissing a feature, please raise a ticket on Github and I'll look into it.\nPull request are also welcome.\n\n### ❗️ Note\n\nFor help getting started with Flutter, view our online\n[documentation](https:\u002F\u002Fflutter.io\u002F).\n\nFor help on editing plugin code, view the [documentation](https:\u002F\u002Fflutter.io\u002Fplatform-plugins\u002F#edit-code).\n\n## ☀️ Authors\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\n      \u003Ca href = \"https:\u002F\u002Fjogboms.github.io\u002F\">\u003Cimg src=\"https:\u002F\u002Favatars2.githubusercontent.com\u002Fu\u002F6208486?s=400&u=01fab3fc9bb3d2ee799e314d3fe23c54d1deeb07&v=4\" width=\"72\" alt=\"Jeremiah Ogbomo\" \u002F>\u003C\u002Fa>\n      \u003Cp align=\"center\">\n        \u003Ca href = \"https:\u002F\u002Fgithub.com\u002Fjogboms\">\u003Cimg src = \"https:\u002F\u002Fwww.iconninja.com\u002Ffiles\u002F241\u002F825\u002F211\u002Fround-collaboration-social-github-code-circle-network-icon.svg\" width=\"18\" height = \"18\"\u002F>\u003C\u002Fa>\n        \u003Ca href = \"https:\u002F\u002Ftwitter.com\u002Fjogboms\">\u003Cimg src = \"https:\u002F\u002Fwww.shareicon.net\u002Fdownload\u002F2016\u002F07\u002F06\u002F107115_media.svg\" width=\"18\" height=\"18\"\u002F>\u003C\u002Fa>\n        \u003Ca href = \"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fjogboms\u002F\">\u003Cimg src = \"https:\u002F\u002Fwww.iconninja.com\u002Ffiles\u002F863\u002F607\u002F751\u002Fnetwork-linkedin-social-connection-circular-circle-media-icon.svg\" width=\"18\" height=\"18\"\u002F>\u003C\u002Fa>\n      \u003C\u002Fp>\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Ca href = \"https:\u002F\u002Fayushagarwal.ml\u002F\">\u003Cimg src=\"https:\u002F\u002Favatars2.githubusercontent.com\u002Fu\u002F34043023?s=400&u=01fab3fc9bb3d2ee799e314d3fe23c54d1deeb07&v=4\" width=\"72\" alt=\"Ayush Agarwal\" \u002F>\u003C\u002Fa>\n      \u003Cp align=\"center\">\n        \u003Ca href = \"https:\u002F\u002Fgithub.com\u002Faagarwal1012\">\u003Cimg src = \"https:\u002F\u002Fwww.iconninja.com\u002Ffiles\u002F241\u002F825\u002F211\u002Fround-collaboration-social-github-code-circle-network-icon.svg\" width=\"18\" height = \"18\"\u002F>\u003C\u002Fa>\n        \u003Ca href = \"https:\u002F\u002Ftwitter.com\u002Faagarwal1012\">\u003Cimg src = \"https:\u002F\u002Fwww.shareicon.net\u002Fdownload\u002F2016\u002F07\u002F06\u002F107115_media.svg\" width=\"18\" height=\"18\"\u002F>\u003C\u002Fa>\n        \u003Ca href = \"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Faagarwal1012\u002F\">\u003Cimg src = \"https:\u002F\u002Fwww.iconninja.com\u002Ffiles\u002F863\u002F607\u002F751\u002Fnetwork-linkedin-social-connection-circular-circle-media-icon.svg\" width=\"18\" height=\"18\"\u002F>\u003C\u002Fa>\n      \u003C\u002Fp>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr> \n\u003C\u002Ftable>\n\n## ⭐️ License\n\nMIT License\n","Flutter Spinkit 是一个基于 Flutter 的加载指示器集合，提供了多种动画效果。该项目包含多种风格的加载动画，如旋转、淡入淡出等，灵感来源于 Tobias Ahlin 的 SpinKit 项目。它支持自定义颜色和大小，并且可以与 AnimationController 结合使用以实现更复杂的动画控制。适用于需要在 Flutter 应用中展示加载状态的各种场景，比如数据加载等待界面或网络请求过程中，能够提升用户体验。","2026-06-11 03:21:35","top_language"]