{"id":13658008,"url":"https://github.com/canopas/compose-animations-examples","last_synced_at":"2025-04-08T11:09:28.411Z","repository":{"id":38415509,"uuid":"451811035","full_name":"canopas/compose-animations-examples","owner":"canopas","description":"Android - Cool animations implemented with Jetpack compose","archived":false,"fork":false,"pushed_at":"2024-12-26T12:09:18.000Z","size":37037,"stargazers_count":428,"open_issues_count":1,"forks_count":38,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-04-01T09:33:01.472Z","etag":null,"topics":["android","android-app","android-ui","animation","compose","jetpack-compose","kotlin","progress-indicators"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/canopas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2022-01-25T09:20:03.000Z","updated_at":"2025-03-29T01:33:21.000Z","dependencies_parsed_at":"2025-01-12T16:13:44.797Z","dependency_job_id":null,"html_url":"https://github.com/canopas/compose-animations-examples","commit_stats":null,"previous_names":["canopas/jetpack-compose-animations-examples"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animations-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animations-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animations-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Fcompose-animations-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/canopas","download_url":"https://codeload.github.com/canopas/compose-animations-examples/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247829491,"owners_count":21002995,"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","android-app","android-ui","animation","compose","jetpack-compose","kotlin","progress-indicators"],"created_at":"2024-08-02T05:00:55.046Z","updated_at":"2025-04-08T11:09:28.386Z","avatar_url":"https://github.com/canopas.png","language":"Kotlin","readme":"\u003cp align=\"center\"\u003e \u003ca href=\"https://canopas.com/contact\"\u003e\u003cimg width=\"100%\" alt=\"cta_banner2\" src=\"https://github.com/canopas/compose-intro-showcase/assets/74301808/1b111132-a7bf-4f23-ac40-d4a6f362f9d8\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n# Jetpack Compose animations\n\n\u003cimg alt=\"Badge\" height=\"20px\" src=\"https://androidweekly.net/issues/issue-503/badge\"\u003e\n\n## 🚀  Showcase\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/stepperAnim.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Stepper animation\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/heartAnim.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Jumping Heart\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/progress_animation.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Progress Dots\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/waveAnim.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Wave\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/twinCircle.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Twin circle Scale\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/pacman.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Pacman\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/circleOffset.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      TwinCircle Transition\n    \u003c/td\u003e   \n     \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/arcRotation.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Arc rotation\n    \u003c/td\u003e    \n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/rotatingSquare.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Rotating Square\n    \u003c/td\u003e  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n     \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/clockAnim.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Clock\n    \u003c/td\u003e \n     \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/rotatinCircle.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Rotating Circle\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/sqaure_fill_loader.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Sqare fill\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/three_bounce_anim.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Three Bounce\n    \u003c/td\u003e\n     \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/rotateDot.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Rotate Dot\n    \u003c/td\u003e\n     \u003c/td\u003e\n     \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://github.com/canopas/Jetpack-compose-animations-examples/blob/main/gif/RotateDotTwo.gif\" width=\"250px\" height=\"250px\"\u003e\n      \u003cbr /\u003e\n      Rotate Two Dots\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003ctable\u003e\n  \n  \n\n  \n For detailed information about implementation checkout [article 1](https://blog.canopas.com/animations-in-jetpack-compose-with-examples-48307ba9dff1) \u0026 [article 2](https://blog.canopas.com/progress-animations-in-jetpack-compose-with-examples-eb76cc28fbb6)\n\n\n# Bugs and Feedback\nFor bugs, questions and discussions please use the [Github Issues](https://github.com/canopas/Jetpack-compose-animations-examples/issues).\n\n# Credits\n\nThis repository owned and maintained by the [Canopas team](https://canopas.com/). You can follow them on X at [@canopassoftware](https://x.com/canopassoftware) for project updates and releases. If you are interested in building apps or designing products, please let us know. We'd love to hear from you!\n\n\n\u003ca href=\"https://canopas.com/contact\"\u003e\u003cimg src=\"https://github.com/canopas/your-space/assets/74301808/62aaffb6-1ab9-445d-a654-cdd1dd5bac94 width=300\"\u003e\u003c/a\u003e\n\n  \n # Licence\n\n```\nCopyright 2022 Canopas Software LLP\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n   http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n```\n\n","funding_links":[],"categories":["Android"],"sub_categories":["Android samples"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcanopas%2Fcompose-animations-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcanopas%2Fcompose-animations-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcanopas%2Fcompose-animations-examples/lists"}