{"id":44745,"date":"2018-05-21T21:01:31","date_gmt":"2018-05-21T13:01:31","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=44745"},"modified":"2022-07-13T19:41:42","modified_gmt":"2022-07-13T11:41:42","slug":"app-animations-curated-site","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/","title":{"rendered":"Check Out This Huge Gallery of iOS App Animations"},"content":{"rendered":"

You can find examples of website inspiration pretty much everywhere. Dozens of galleries curate website designs, but you rarely find mobile app galleries<\/a>.<\/p>\n

And it\u2019s even rarer to find UI\/UX animation galleries<\/strong> that feature mobile app animation effects. That\u2019s where App Animations<\/a> truly shines.<\/p>\n

This free inspiration gallery curates all the best iOS app animations<\/strong> and organizes them in one place. Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.<\/p>\n

Read Also:<\/strong> 30 Awesome SVG Animation For Your Inspiration<\/a><\/p>\n

\"ios<\/a><\/figure>\n

I\u2019ve scoured the web and have yet to find anything else like this. I do wish the App Animations gallery included some stuff from Android too, but this is still pretty novel.<\/p>\n

If you\u2019re a mobile app designer then you should know microinteractions<\/a> are huge. These provide feedback to the user and let them know whenever a recognized action is performed.<\/p>\n

UX animation is the foundation of every microinteraction<\/strong>. And the best way to create believable applications is to make believable animations.<\/p>\n

If you check out the main gallery page<\/a> you can browse through all kinds of styles from 3D effects to bounces, fades, flips, folds, you name it. These are all organized under the \u201cstyles\u201d menu in the top navigation.<\/p>\n

But you can also dig into patterns based on the type of element<\/strong>s you\u2019re animating. These patterns include buttons, loading screens, navigations, pull-to-refresh features and a whole lot more.<\/p>\n

\"animated<\/a><\/figure>\n

The best part of App Animations is that it curates real app interfaces<\/strong>. You\u2019ll be digging into real applications and looking at real-world animations from the iOS App Store.<\/p>\n

If someone else coded the animations you find here, then you should be able to recreate something similar.<\/p>\n

Take a look over the App Animations gallery<\/a> and see what you think. There\u2019s plenty of inspiration to go around even for Android designers.<\/p>","protected":false},"excerpt":{"rendered":"

Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[4646,2512],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nCheck Out This Huge Gallery of iOS App Animations - Hongkiat<\/title>\n<meta name=\"description\" content=\"Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Check Out This Huge Gallery of iOS App Animations\" \/>\n<meta property=\"og:description\" content=\"Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-21T13:01:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-13T11:41:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/app-animations-curated-site\/01-ios-animations-ui-gallery.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Check Out This Huge Gallery of iOS App Animations\",\"datePublished\":\"2018-05-21T13:01:31+00:00\",\"dateModified\":\"2022-07-13T11:41:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/\"},\"wordCount\":318,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-animations-curated-site\\\/01-ios-animations-ui-gallery.jpg\",\"keywords\":[\"Mobile Website Design & Dev\",\"Website Design\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/\",\"name\":\"Check Out This Huge Gallery of iOS App Animations - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-animations-curated-site\\\/01-ios-animations-ui-gallery.jpg\",\"datePublished\":\"2018-05-21T13:01:31+00:00\",\"dateModified\":\"2022-07-13T11:41:42+00:00\",\"description\":\"Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-animations-curated-site\\\/01-ios-animations-ui-gallery.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/app-animations-curated-site\\\/01-ios-animations-ui-gallery.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/app-animations-curated-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Check Out This Huge Gallery of iOS App Animations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Check Out This Huge Gallery of iOS App Animations - Hongkiat","description":"Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/","og_locale":"en_US","og_type":"article","og_title":"Check Out This Huge Gallery of iOS App Animations","og_description":"Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.","og_url":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-05-21T13:01:31+00:00","article_modified_time":"2022-07-13T11:41:42+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/app-animations-curated-site\/01-ios-animations-ui-gallery.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Check Out This Huge Gallery of iOS App Animations","datePublished":"2018-05-21T13:01:31+00:00","dateModified":"2022-07-13T11:41:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/"},"wordCount":318,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/app-animations-curated-site\/01-ios-animations-ui-gallery.jpg","keywords":["Mobile Website Design & Dev","Website Design"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/","url":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/","name":"Check Out This Huge Gallery of iOS App Animations - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/app-animations-curated-site\/01-ios-animations-ui-gallery.jpg","datePublished":"2018-05-21T13:01:31+00:00","dateModified":"2022-07-13T11:41:42+00:00","description":"Each animation is saved as a looping HTML5 video so you can pick & choose which animations to watch.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/app-animations-curated-site\/01-ios-animations-ui-gallery.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/app-animations-curated-site\/01-ios-animations-ui-gallery.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/app-animations-curated-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Check Out This Huge Gallery of iOS App Animations"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bDH","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=44745"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44745\/revisions"}],"predecessor-version":[{"id":60395,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44745\/revisions\/60395"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=44745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=44745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=44745"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=44745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}