{"id":13989525,"url":"https://github.com/ckdevrel/AppIntroAnimation","last_synced_at":"2025-07-22T11:30:34.228Z","repository":{"id":35584692,"uuid":"39857356","full_name":"ckdevrel/AppIntroAnimation","owner":"ckdevrel","description":"AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations.","archived":false,"fork":false,"pushed_at":"2023-04-09T13:38:18.000Z","size":191,"stargazers_count":801,"open_issues_count":0,"forks_count":156,"subscribers_count":39,"default_branch":"master","last_synced_at":"2025-06-01T00:21:50.159Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ckdevrel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2015-07-28T20:56:04.000Z","updated_at":"2025-05-12T01:55:54.000Z","dependencies_parsed_at":"2024-01-01T05:30:46.344Z","dependency_job_id":"bb6ebe8e-b3ca-41c6-8fa1-47d840596bf7","html_url":"https://github.com/ckdevrel/AppIntroAnimation","commit_stats":null,"previous_names":["ckdevrel/appintroanimation","chandrudotxyz/appintroanimation"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ckdevrel/AppIntroAnimation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckdevrel%2FAppIntroAnimation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckdevrel%2FAppIntroAnimation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckdevrel%2FAppIntroAnimation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckdevrel%2FAppIntroAnimation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ckdevrel","download_url":"https://codeload.github.com/ckdevrel/AppIntroAnimation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckdevrel%2FAppIntroAnimation/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266483429,"owners_count":23936339,"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-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"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":[],"created_at":"2024-08-09T13:01:43.384Z","updated_at":"2025-07-22T11:30:33.918Z","avatar_url":"https://github.com/ckdevrel.png","language":"Java","readme":"[![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-AppIntroAnimation-brightgreen.svg?style=flat)](http://android-arsenal.com/details/3/2226)\n\n\u003ca href='https://ko-fi.com/A302HW7' target='_blank'\u003e\u003cimg height='36' style='border:0px;height:36px;' src='https://az743702.vo.msecnd.net/cdn/kofi4.png?v=f' border='0' alt='Buy Me a Coffee at ko-fi.com' /\u003e\u003c/a\u003e \n\n# AppIntroAnimation\nAppIntroAnimation is an library to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use, highly customizable without adding third party library integrations.\n\n Demo I |      Demo II\n-------- | ---\n![appintro1](https://cloud.githubusercontent.com/assets/11768239/9027657/600244d6-397b-11e5-916f-409d4ab3de28.gif) | ![appintro2](https://cloud.githubusercontent.com/assets/11768239/9027658/6009bae0-397b-11e5-9377-78abe437ff7d.gif)\n \n \u003e **Demo I** Enable `private boolean isSliderAnimation = false;` in `MainActivity.java` to apply this background pager transformation animation with Image translation effect..\n \n \u003e **Demo II** Enable `private boolean isSliderAnimation = true;` in `MainActivity.java` to apply this background pager transformation animation without Image translation effect..\n \n\n\nHow to use\n----------\n\n **STEP 1**: \n \n Download the code and open `arrays.xml`.\n\n    \u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e\n    \u003carray name=\"landing_bg\"\u003e\n        \u003citem\u003e@color/light_green\u003c/item\u003e\n        \u003citem\u003e@color/light_purple\u003c/item\u003e\n        \u003citem\u003e@color/light_orange\u003c/item\u003e\n        \u003citem\u003e@color/light_cyan\u003c/item\u003e\n    \u003c/array\u003e\n    \n    \u003carray name=\"icons\"\u003e\n        \u003citem\u003e@drawable/email\u003c/item\u003e\n        \u003citem\u003e@drawable/calendar\u003c/item\u003e\n        \u003citem\u003e@drawable/shopping\u003c/item\u003e\n        \u003citem\u003e@drawable/socialnetwork\u003c/item\u003e\n    \u003c/array\u003e\n    \n    \u003cstring-array name=\"titles\" \u003e\n        \u003citem\u003e@string/email\u003c/item\u003e\n        \u003citem\u003e@string/calender\u003c/item\u003e\n        \u003citem\u003e@string/shopping\u003c/item\u003e\n        \u003citem\u003e@string/social_network\u003c/item\u003e\n    \u003c/string-array\u003e\n    \n    \u003cstring-array name=\"hints\" \u003e\n        \u003citem\u003e@string/email_hint\u003c/item\u003e\n        \u003citem\u003e@string/calender_hint\u003c/item\u003e\n        \u003citem\u003e@string/shopping_hint\u003c/item\u003e\n        \u003citem\u003e@string/social_network_hint\u003c/item\u003e\n    \u003c/string-array\u003e\n\nHere I have added 4 slides with images, titles and title hints as an example. You can update your png's, text content in above arrays.xml as per the project requirement.\n\n\n\u003e **Note:** The array count of images, titles and title hints should be of same count to avoid IndexBoundException.\n\n\n\n **STEP 2**:  \n \nPlace all your images that are to be used for making AppIntro's into the app drawable folders. To get exact output for multiple resolution and sizes, add scaled images seperately for drawable-xxxhdpi, drawable-xxhdpi, drawable-xhdpi, drawable-hdpi, drawable-mdpi etc., and fix the height and width of ImageView in `viewpager_item.xml`\n\nCustomization\n-------------\n\nTo customize pager attributes like indicator stroke size, stroke color, solid color, solid size, solid color, selected color and unselected color, please open `vpi_defaults.xml` and customize as per your wish.\n\nFollowing are the attributes that I have used in the project demo.\n\n    \u003cresources\u003e\n        \u003cbool name=\"default_circle_indicator_centered\"\u003etrue\u003c/bool\u003e \n        \u003ccolor name=\"default_circle_indicator_fill_color\"\u003e#FFFFFFFF\u003c/color\u003e  \u003c!--change fill color--\u003e\n        \u003ccolor name=\"default_circle_indicator_page_color\"\u003e#40FFFFFF\u003c/color\u003e  \u003c!--change indicator un selected fill color--\u003e\n        \u003cinteger name=\"default_circle_indicator_orientation\"\u003e0\u003c/integer\u003e \n        \u003cdimen name=\"default_circle_indicator_radius\"\u003e3dp\u003c/dimen\u003e \u003c!--change radius of the circle--\u003e\n        \u003cbool name=\"default_circle_indicator_snap\"\u003efalse\u003c/bool\u003e \n        \u003ccolor name=\"default_circle_indicator_stroke_color\"\u003e#40FFFFFF\u003c/color\u003e \u003c!--change stroke color--\u003e\n        \u003cdimen name=\"default_circle_indicator_stroke_width\"\u003e1dp\u003c/dimen\u003e \u003c!--change stroke width--\u003e\n    \u003c/resources\u003e\n\nThe app which inspired me to create these repos\n\n\u003e - Background color transformation animation used in [Google Inbox][1] intro screen.\n\u003e - Image translation animation used in [Duolingo][2] intro screen.\n\n  [1]: https://play.google.com/store/apps/details?id=com.google.android.apps.inbox\n  [2]: https://play.google.com/store/apps/details?id=com.duolingo\n\n\n\n","funding_links":["https://ko-fi.com/A302HW7'"],"categories":["Java"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckdevrel%2FAppIntroAnimation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fckdevrel%2FAppIntroAnimation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckdevrel%2FAppIntroAnimation/lists"}