{"id":13551300,"url":"https://github.com/watery-desert/loading_animation_widget","last_synced_at":"2025-04-09T06:09:37.589Z","repository":{"id":37303610,"uuid":"424231463","full_name":"watery-desert/loading_animation_widget","owner":"watery-desert","description":"Flutter loading animation widget.","archived":false,"fork":false,"pushed_at":"2024-10-02T14:06:30.000Z","size":363,"stargazers_count":181,"open_issues_count":2,"forks_count":45,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-01T12:08:25.874Z","etag":null,"topics":["animation","flutter","flutter-package"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/watery-desert.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":"watery_desert","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://www.buymeacoffee.com/watery_desert"]}},"created_at":"2021-11-03T13:19:57.000Z","updated_at":"2025-03-07T16:25:44.000Z","dependencies_parsed_at":"2024-01-16T18:59:54.228Z","dependency_job_id":"adfe3023-30cc-4642-baab-bbbc1375baf2","html_url":"https://github.com/watery-desert/loading_animation_widget","commit_stats":{"total_commits":59,"total_committers":2,"mean_commits":29.5,"dds":"0.016949152542372836","last_synced_commit":"3872740402384350408853bf5368cda35d358c25"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watery-desert%2Floading_animation_widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watery-desert%2Floading_animation_widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watery-desert%2Floading_animation_widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/watery-desert%2Floading_animation_widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/watery-desert","download_url":"https://codeload.github.com/watery-desert/loading_animation_widget/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247987285,"owners_count":21028895,"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","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":["animation","flutter","flutter-package"],"created_at":"2024-08-01T12:01:45.828Z","updated_at":"2025-04-09T06:09:37.573Z","avatar_url":"https://github.com/watery-desert.png","language":"Dart","funding_links":["https://patreon.com/watery_desert","https://www.buymeacoffee.com/watery_desert","https://www.patreon.com/watery_desert"],"categories":["Dart"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\u003ca style=\"text-decoration: none\" href=\"https://waterydesert.com\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/package_cover.png\" alt=\"Loading Animation Widget\"/\u003e\u003c/a\u003e\n   \n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![YouTube Badge](https://img.shields.io/badge/-YouTube-EA3223?style=for-the-badge\u0026logo=youtube\u0026logoColor=white)](https://www.youtube.com/waterydesert)\n[![Twitter Badge](https://img.shields.io/badge/-Twitter-198CD8?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/watery_desert)\n[![Patreon Badge](https://img.shields.io/badge/-Patreon-FF424D?style=for-the-badge\u0026logo=patreon\u0026logoColor=white)](https://www.patreon.com/watery_desert)\n[![pub package](https://img.shields.io/pub/v/loading_animation_widget.svg?style=for-the-badge)](https://pub.dev/packages/loading_animation_widget)\n[![WateryDesert](https://img.shields.io/badge/WateryDesert-Website-F8D977?style=for-the-badge)](https://waterydesert.com)\n\u003c/div\u003e\n\n\u003chr\u003e\n\n## How to use\n\n#### Installation\n\nAdd `loading_animation_widget:` to your `pubspec.yaml` dependencies then run `flutter pub get`\n\n```yaml\n dependencies:\n  loading_animation_widget:\n```\n#### Import\nAdd this line to import the package.\n\n```dart \nimport 'package:loading_animation_widget/loading_animation_widget.dart';\n```\n\\\nAll loading animation APIs are same straight forward. There is a static method for each animation inside `LoadingAnimationWidget` class, which returns the Object of that animation. Both `size` and `color` are required some animations need more than one color.\n\nLoading animation with one `color`\n```dart\nScaffold(\n    body: Center(\n      child: LoadingAnimationWidget.staggeredDotsWave(\n        color: Colors.white,\n        size: 200,\n      ),\n    ),\n```              \n\nLoading animation with more than one color. You have to provide both required colors.\n```dart\nScaffold(\n    body: Center(\n        child: LoadingAnimationWidget.twistingDots(\n          leftDotColor: const Color(0xFF1A1A3F),\n          rightDotColor: const Color(0xFFEA3799),\n          size: 200,\n        ),\n      ),\n```       \n\n## Screen recordings with design credits\n\n\n\u003ctable\u003e\n   \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n         \u003cp\u003ewaveDots\u003c/p\u003e\n         \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/waveDots.gif\"  width=\"200\"/\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n         \u003cp\u003einkDrop\u003c/p\u003e\n         \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/inkDrop.gif\"  width=\"200\"/\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n         \u003cp\u003etwistingDots\u003c/p\u003e\n         \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/twistingDots.gif\"  width=\"200\"/\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n         \u003cp\u003ethreeRotatingDots\u003c/p\u003e\n         \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/threeRotatingDots.gif\"  width=\"200\"/\u003e\n      \u003c/td\u003e\n   \u003c/tr\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003estaggeredDotsWave\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/staggeredDotsWave.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003efourRotatingDots\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/fourRotatingDots.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003efallingDot\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/fallingDot.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003eprogressiveDots\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/progressiveDots.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003c/tr\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003ediscreteCircular\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/discreteCircular.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003ethreeArchedCircle\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/threeArchedCircle.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003ebouncingBall\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/bouncingBall.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003eflickr\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/flickr.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003c/tr\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003ehexagonDots\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/hexagonDots.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003ebeat\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/beat.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003etwoRotatingArc\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/twoRotatingArc.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003ehorizontalRotatingDots\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/horizontalRotatingDots.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003c/tr\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003enewtonCradle\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/newtonCradle.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003estretchedDots\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/stretchedDots.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003ehalfTriangleDot\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/halfTriangleDot.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003ctd align=\"center\"\u003e\n      \u003cp\u003edotsTriangle\u003c/p\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/watery-desert/assets/main/loading_animation_widget/dotsTriangle.gif\"  width=\"200\"/\u003e\n   \u003c/td\u003e\n   \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr\u003e\n\u003cdetails\u003e\n   \u003csummary\u003eAll flutter packages\u003c/summary\u003e\n   \u003cbr\u003e\n\n   ● [Sliding Clipped Nav Bar](https://github.com/watery-desert/sliding_clipped_nav_bar)\\\n   ● [Water Drop Nav Bar](https://github.com/watery-desert/water_drop_nav_bar)\\\n   ● [Swipeable Tile](https://github.com/watery-desert/swipeable_tile)\\\n   ➜ [Loading Animation Widget](https://github.com/watery-desert/loading_animation_widget)\n   \u003c/summary\u003e \n\u003c/details\u003e\n\u003cbr\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwatery-desert%2Floading_animation_widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwatery-desert%2Floading_animation_widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwatery-desert%2Floading_animation_widget/lists"}