{"id":17679433,"url":"https://github.com/florent37/flutter-anim","last_synced_at":"2025-07-19T09:32:39.463Z","repository":{"id":56826058,"uuid":"167567588","full_name":"florent37/Flutter-Anim","owner":"florent37","description":"Fluent Flutter Animation library. Describe Sequences \u0026 Parallel animation's workflow, setup startDelay, duration and curve, then run !","archived":false,"fork":false,"pushed_at":"2019-01-29T13:09:55.000Z","size":924,"stargazers_count":36,"open_issues_count":2,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-15T06:14:39.417Z","etag":null,"topics":["android","anim","animation","animator","curve","dart","duration","flutter","ios","startdelay","tween","ui","ux"],"latest_commit_sha":null,"homepage":"https://pub.dartlang.org/packages/anim#-analysis-tab-","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/florent37.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-25T15:20:52.000Z","updated_at":"2023-05-12T16:53:42.000Z","dependencies_parsed_at":"2022-09-13T08:12:20.663Z","dependency_job_id":null,"html_url":"https://github.com/florent37/Flutter-Anim","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/florent37%2FFlutter-Anim","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/florent37%2FFlutter-Anim/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/florent37%2FFlutter-Anim/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/florent37%2FFlutter-Anim/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/florent37","download_url":"https://codeload.github.com/florent37/Flutter-Anim/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246553005,"owners_count":20795834,"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":["android","anim","animation","animator","curve","dart","duration","flutter","ios","startdelay","tween","ui","ux"],"created_at":"2024-10-24T08:41:58.137Z","updated_at":"2025-04-01T08:31:26.851Z","avatar_url":"https://github.com/florent37.png","language":"Dart","readme":"# anim\n\nFluent Flutter Animation library. Describe Sequences \u0026 Parallel animation's workflow, setup startDelay, duration and curve, then run !\n\n# Describe the Anim\n\nAnim contains 3 major classes : `AnimValues`, `AnimSequentially` and `AnimTogether`.\n\n## Animation\n```Dart\nAnimValues(\n    name:\"animationName\", \n    values: [value0, value1, value2, ...],\n    duration: Duration(seconds: 1),\n);\n```\n\n## Animation schedulers\n\n`AnimSequentially()` to play one after the other animations\n`AnimTogether()` to play in parallel animations\n\n```Dart\nAnimSequentially(anims: [\n    anim1, anim2, anim3\n]);\nAnimTogether(anims: [\n    anim1, anim2, anim3\n]);\n```\n\n# Example\n\n[![sample1](https://raw.githubusercontent.com/florent37/Flutter-Anim/master/example/medias/sample1.gif)](https://github.com/florent37/Flutter-Anim)\n\n```Dart\nthis.anim = Anim(\n        vsync: this,\n        listener: () {\n          setState(() {\n            /* rebuild */\n          });\n        },\n        /* Define initial values, used when the animation has not been launched */\n        initiaValues: {\n          \"alpha\": 1,\n          \"size\": 100,\n        },\n        animations: [\n          AnimSequentially(\n              startDelay: const Duration(milliseconds: 400),\n              anims: [\n\n                //Animate the alpha, then the size\n                AnimValues(\n                  name: \"alpha\",\n                  curve: Curves.easeIn,\n                  duration: const Duration(milliseconds: 800),\n                  values: [1, 0.4, 0.8, 0.5],\n                ),\n                AnimValues(\n                  name: \"size\",\n                  curve: Curves.easeIn,\n                  duration: const Duration(milliseconds: 800),\n                  values: [100, 140, 80],\n                ),\n\n                //and finally animate those two values together\n                AnimTogether(anims: [\n                  AnimValues(\n                    name: \"alpha\",\n                    curve: Curves.easeIn,\n                    duration: const Duration(milliseconds: 800),\n                    values: [0.5, 1],\n                  ),\n                  AnimValues(\n                    name: \"size\",\n                    curve: Curves.easeIn,\n                    duration: const Duration(milliseconds: 800),\n                    values: [80, 100],\n                  ),\n                ])\n              ]),\n        ]);\n```\n\n# Bind your Anim\n\n```Dart\n@override\nWidget build(BuildContext context) {\n  return Opacity(\n      opacity: this.anim[\"alpha\"],\n      child: SizedBox(\n          height: this.anim[\"size\"],\n          width: this.anim[\"size\"]\n          child: _yourView(),\n      ),\n    );\n  }\n}\n```\n\n# Flutter\n\nFor help getting started with Flutter, view our \n[online documentation](https://flutter.io/docs), which offers tutorials, \nsamples, guidance on mobile development, and a full API reference.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflorent37%2Fflutter-anim","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflorent37%2Fflutter-anim","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflorent37%2Fflutter-anim/lists"}