{"id":15040860,"url":"https://github.com/rodrigomartind/mixanimationsmotionlayout","last_synced_at":"2025-04-05T04:13:01.357Z","repository":{"id":41170903,"uuid":"265013640","full_name":"rodrigomartind/MixAnimationsMotionLayout","owner":"rodrigomartind","description":"En este repo encontraras multiples ejemplos de animaciones con #MotionLayout","archived":false,"fork":false,"pushed_at":"2021-08-13T00:00:26.000Z","size":753,"stargazers_count":633,"open_issues_count":1,"forks_count":70,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-05T04:12:57.073Z","etag":null,"topics":["android","android-app","android-development","androiddeveloper","constraint-layout","constraintlayout","motion-layout","motionlayout"],"latest_commit_sha":null,"homepage":"https://twitter.com/RodrigoMartinD","language":"Kotlin","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/rodrigomartind.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"2020-05-18T17:35:33.000Z","updated_at":"2025-03-20T09:43:21.000Z","dependencies_parsed_at":"2022-07-14T09:22:34.710Z","dependency_job_id":null,"html_url":"https://github.com/rodrigomartind/MixAnimationsMotionLayout","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/rodrigomartind%2FMixAnimationsMotionLayout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigomartind%2FMixAnimationsMotionLayout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigomartind%2FMixAnimationsMotionLayout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigomartind%2FMixAnimationsMotionLayout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rodrigomartind","download_url":"https://codeload.github.com/rodrigomartind/MixAnimationsMotionLayout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247284951,"owners_count":20913704,"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-development","androiddeveloper","constraint-layout","constraintlayout","motion-layout","motionlayout"],"created_at":"2024-09-24T20:45:11.434Z","updated_at":"2025-04-05T04:13:01.333Z","avatar_url":"https://github.com/rodrigomartind.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MixAnimationsMotionLayout \n\n### This repository contains a set of MotionLayout examples.\n\n## MotionLayout samples overview\n-----------------------------\n\n|  Title  |  GIF  | XML |\n| :----: | :----: | :----: |\n|  Menu selector | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/116121696-430b0400-a697-11eb-8a86-17113d2d4c4d.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_menu_selection_carousel.xml) \u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_menu_selection_carousel_scene.xml)|\n|  MODO Payment | \u003cimg src=\"https://user-images.githubusercontent.com/24611045/106630234-6ae84100-655a-11eb-9598-5063d4460ec4.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_modo_payment.xml)\u003cbr\u003e[MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_modo_payment_scene.xml)|\n|  Circular Food | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/103547941-ceac1b00-4e83-11eb-8ff0-d67960dc3c09.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_food_circle_tabs.xml) \u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_food_circle_tabs_scene.xml)|\n|  Circular Food Augmented Reality  | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/103548698-f485ef80-4e84-11eb-8b4d-0d2ea017a504.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_food_circle_tabs_ar.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_food_circle_tabs_scene.xml)|\n|  Carousel Helper | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/103549404-1338b600-4e86-11eb-98c7-b9b3c0880856.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_carousel_helper.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_carousel_helper_scene.xml)|\n|  Multi Snake Cards | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/103549031-7d9d2680-4e85-11eb-8a1a-79d91150b97c.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_vertical_snake.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_vertical_snake_scene.xml)|\n|  Circular Carousel | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/83661937-3cfec700-a59d-11ea-814d-be6369b79aa8.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_circular_cards_demo.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_circular_cards_demo_scene.xml)|\n|  Cards Stack | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/83661628-c4980600-a59c-11ea-90df-8608ef29858c.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_vertical_stack_cards_demo.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_vertical_stack_cards_demo_scene.xml)|\n|  Instagram Stories | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/83661517-a16d5680-a59c-11ea-978b-099d97f4dff6.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_instagram_story_demo.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_instagram_story_demo_scene.xml)|\n|  Rotation Card | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/83661207-2c018600-a59c-11ea-88ad-c0df82c5bd01.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_rotation_card_demo.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_rotation_card_scene_demo.xml)|\n|  Carousel Helper - Snake Carousel | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/91055710-69097180-e5fb-11ea-9ce9-4ed920eee4eb.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_horizontal_carousel.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_horizontal_carousel_scene.xml)|\n|  Sensor + Motion | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/91056281-28f6be80-e5fc-11ea-9613-59d8ba95bcf3.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_test_sensores_android.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_test_sensores_android_scene.xml)|\n|  Starbucks  | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/91056708-aae6e780-e5fc-11ea-9f4e-9bef53b8c6cc.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_starbucks_detail.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_starbucks_detail_scene.xml)|\n|  House of Cards  | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/96339979-6280fe80-106e-11eb-9ea4-a1e59ae3e028.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_pill_cards.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_pill_cards2_scene.xml)|\n|  Emoji Dance  | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/96340010-847a8100-106e-11eb-9a33-9263940bf805.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_flow_demo.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_flow_demo_scene.xml)|\n|  Telegram  | \u003cimg src=\"https://user-images.githubusercontent.com/56642332/103547800-a3c1c700-4e83-11eb-96d5-0907ea871ec8.gif\" height=\"360\" width=\"180\" \u003e | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_telegram_header_demo.xml)\u003cbr\u003e [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_telegram_header_scene.xml)|\n\n\n## Find me at:\n[![Medium](https://img.shields.io/badge/Medium-@rodrigomartind-9146FF?style=for-the-badge\u0026logo=medium\u0026logoColor=white\u0026labelColor=101010)](https://rodrigomartind.medium.com/)\n\u003c/br\u003e\n[![Twitter](https://img.shields.io/badge/Twitter-@rodrigomartind-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\u0026labelColor=101010)](https://twitter.com/RodrigoMartinD)\n\u003c/br\u003e\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-Rodrigo_Dominguez-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\u0026labelColor=101010)](https://www.linkedin.com/in/rodrigo-martin-dominguez-463b5a33/)\n\u003c/br\u003e\n\n## License\nThis project is licensed under the Apache 2.0 License - see the [LICENSE](LICENSE) file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigomartind%2Fmixanimationsmotionlayout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frodrigomartind%2Fmixanimationsmotionlayout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigomartind%2Fmixanimationsmotionlayout/lists"}