{"id":13471206,"url":"https://github.com/jogboms/flutter_spinkit","last_synced_at":"2025-09-25T21:24:16.722Z","repository":{"id":32692298,"uuid":"138573114","full_name":"jogboms/flutter_spinkit","owner":"jogboms","description":"✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.","archived":false,"fork":false,"pushed_at":"2025-08-11T10:43:36.000Z","size":3198,"stargazers_count":3092,"open_issues_count":11,"forks_count":317,"subscribers_count":33,"default_branch":"master","last_synced_at":"2025-08-11T11:38:13.953Z","etag":null,"topics":["android","animation","animation-library","dart","dartlang","flutter","flutter-plugin","ios","loaders","loading","loading-animations","spinkit"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jogboms.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["www.paypal.me/jogboms"]}},"created_at":"2018-06-25T09:30:45.000Z","updated_at":"2025-08-11T10:42:31.000Z","dependencies_parsed_at":"2024-11-18T22:04:41.064Z","dependency_job_id":"fdcaf1a9-2bf8-4cd0-93e2-b4174c6ae35b","html_url":"https://github.com/jogboms/flutter_spinkit","commit_stats":{"total_commits":142,"total_committers":20,"mean_commits":7.1,"dds":0.295774647887324,"last_synced_commit":"aef4fda5dc44dbae92e6e89d92593a9c501d4104"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"purl":"pkg:github/jogboms/flutter_spinkit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jogboms%2Fflutter_spinkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jogboms%2Fflutter_spinkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jogboms%2Fflutter_spinkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jogboms%2Fflutter_spinkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jogboms","download_url":"https://codeload.github.com/jogboms/flutter_spinkit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jogboms%2Fflutter_spinkit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276984562,"owners_count":25740162,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-25T02:00:09.612Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","animation","animation-library","dart","dartlang","flutter","flutter-plugin","ios","loaders","loading","loading-animations","spinkit"],"created_at":"2024-07-31T16:00:41.563Z","updated_at":"2025-09-25T21:24:16.717Z","avatar_url":"https://github.com/jogboms.png","language":"Dart","readme":"# ✨ Flutter Spinkit\n\n[![Format, Analyze and Test](https://github.com/jogboms/flutter_spinkit/actions/workflows/main.yml/badge.svg)](https://github.com/jogboms/flutter_spinkit/actions/workflows/main.yml) [![codecov](https://codecov.io/gh/jogboms/flutter_spinkit/branch/master/graph/badge.svg)](https://codecov.io/gh/jogboms/flutter_spinkit) [![pub package](https://img.shields.io/pub/v/flutter_spinkit.svg)](https://pub.dartlang.org/packages/flutter_spinkit)\n\nA collection of loading indicators animated with flutter. Heavily inspired by [@tobiasahlin](https://github.com/tobiasahlin)'s [SpinKit](https://github.com/tobiasahlin/SpinKit).\n\n## 🎖 Installing\n\n```yaml\ndependencies:\n  flutter_spinkit: ^5.2.2\n```\n\n### ⚡️ Import\n\n```dart\nimport 'package:flutter_spinkit/flutter_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\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingPlane.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      RotatingPlain\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/DoubleBounce.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      DoubleBounce\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Wave.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      Wave\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/WanderingCubes.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      WanderingCubes\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingFour.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      FadingFour\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingCube.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      FadingCube\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Pulse.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      Pulse\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ChasingDots.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      ChasingDots\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ThreeBounce.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      ThreeBounce\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Circle.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      Circle\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/CubeGrid.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      CubeGrid\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FadingCircle.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      FadingCircle\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingCircle.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      RotatingCircle\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FoldingCube.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      FoldingCube\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/heart.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      PumpingHeart\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/hour-glass.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      HourGlass\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/PouringHourGlass.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      PouringHourGlass\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/pouring-hour-glass-refined.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      PouringHourGlassRefined\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/grid.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      FadingGrid\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ring.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      Ring\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ripple.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      Ripple\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinning-circle.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      SpinningCircle\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinning-lines.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      SpinningLines\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/abhishek0706/flutter_spinkit/square_circle/screenshots/square_circle.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      SquareCircle\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/dual-ring.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      DualRing\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/piano-wave.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      PianoWave\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/dancing-square.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      DancingSquare\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/three-in-out.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      ThreeInOut\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinkit_wave_spinner.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      WaveSpinner\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/pulsing-grid.gif\" width=\"100px\" height=\"100px\"\u003e\n      \u003cbr /\u003e\n      PulsingGrid\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003e Some GIF images gotten from [Android Spinkit](https://github.com/ybq/Android-SpinKit).\n\n## 🐛 Bugs/Requests\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://flutter.io/).\n\nFor help on editing plugin code, view the [documentation](https://flutter.io/platform-plugins/#edit-code).\n\n## ☀️ Authors\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href = \"https://jogboms.github.io/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/6208486?s=400\u0026u=01fab3fc9bb3d2ee799e314d3fe23c54d1deeb07\u0026v=4\" width=\"72\" alt=\"Jeremiah Ogbomo\" /\u003e\u003c/a\u003e\n      \u003cp align=\"center\"\u003e\n        \u003ca href = \"https://github.com/jogboms\"\u003e\u003cimg src = \"https://www.iconninja.com/files/241/825/211/round-collaboration-social-github-code-circle-network-icon.svg\" width=\"18\" height = \"18\"/\u003e\u003c/a\u003e\n        \u003ca href = \"https://twitter.com/jogboms\"\u003e\u003cimg src = \"https://www.shareicon.net/download/2016/07/06/107115_media.svg\" width=\"18\" height=\"18\"/\u003e\u003c/a\u003e\n        \u003ca href = \"https://www.linkedin.com/in/jogboms/\"\u003e\u003cimg src = \"https://www.iconninja.com/files/863/607/751/network-linkedin-social-connection-circular-circle-media-icon.svg\" width=\"18\" height=\"18\"/\u003e\u003c/a\u003e\n      \u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href = \"https://ayushagarwal.ml/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/34043023?s=400\u0026u=01fab3fc9bb3d2ee799e314d3fe23c54d1deeb07\u0026v=4\" width=\"72\" alt=\"Ayush Agarwal\" /\u003e\u003c/a\u003e\n      \u003cp align=\"center\"\u003e\n        \u003ca href = \"https://github.com/aagarwal1012\"\u003e\u003cimg src = \"https://www.iconninja.com/files/241/825/211/round-collaboration-social-github-code-circle-network-icon.svg\" width=\"18\" height = \"18\"/\u003e\u003c/a\u003e\n        \u003ca href = \"https://twitter.com/aagarwal1012\"\u003e\u003cimg src = \"https://www.shareicon.net/download/2016/07/06/107115_media.svg\" width=\"18\" height=\"18\"/\u003e\u003c/a\u003e\n        \u003ca href = \"https://www.linkedin.com/in/aagarwal1012/\"\u003e\u003cimg src = \"https://www.iconninja.com/files/863/607/751/network-linkedin-social-connection-circular-circle-media-icon.svg\" width=\"18\" height=\"18\"/\u003e\u003c/a\u003e\n      \u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e \n\u003c/table\u003e\n\n## ⭐️ License\n\nMIT License\n","funding_links":["www.paypal.me/jogboms"],"categories":["Dart","框架","Flutter","Uncategorized","Animation [🔝](#readme)","Frameworks"],"sub_categories":["动画","Components","Uncategorized","Animation"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjogboms%2Fflutter_spinkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjogboms%2Fflutter_spinkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjogboms%2Fflutter_spinkit/lists"}