{"id":14460,"date":"2018-02-27T13:07:51","date_gmt":"2018-02-27T13:07:51","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=14460"},"modified":"2023-12-22T13:26:11","modified_gmt":"2023-12-22T13:26:11","slug":"35-great-ios-ui-kits","status":"publish","type":"post","link":"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/","title":{"rendered":"35 Great iOS UI Kits"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><script type=\"application\/ld+json\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span> {\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"WebPage\",\n  \"headline\": \"\n            35 Great iOS UI Kits | Marvel Blog - Marvel Blog        \",\n  \"about\": [\n    {\"@type\": \"Thing\",\"name\": \"IOS\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/iOS\"}, \n    {\"@type\": \"Thing\",\"name\": \"UI\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/User_interface\"}, \n    {\"@type\": \"Thing\",\"name\": \"Blog\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Blog\"}\n  ],\n  \"mentions\": [\n    {\"@type\": \"Thing\",\"name\": \"iOS 11\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/IOS\"}, \n    {\"@type\": \"Organization\",\"name\": \"Apple\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Apple_Inc.\"}, \n    {\"@type\": \"Thing\",\"name\": \"Human Interface Guidelines\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Human_interface_guidelines\"}, \n    {\"@type\": \"Thing\",\"name\": \"Adobe XD\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Adobe_XD\"}, \n    {\"@type\": \"Thing\",\"name\": \"Photoshop\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Adobe_Photoshop\"}, \n    {\"@type\": \"Thing\",\"name\": \"Figma\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Figma_(software)\"}, \n    {\"@type\": \"Thing\",\"name\": \"Xcode\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Xcode\"}\n  ]\n}\n<\/script><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We decided to share goodies for those of you who work with mobile UI design or want to start. My co-founder and developer, Ahmed Sulaiman, has learned design from scratch. You can do that as well! Just check his <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.shopjessicabuckley.com\/blog\/ultimate-guide-mobile-developers-want-design\/\">great guide<\/a> on the first step when beginning your design journey.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Prepared UI elements, screens, components or entirely app concepts, packed in a single UI Kit is a great option to begin with. You can modify any of the iOS UI Kits to fit your needs and goals. All components and screens are easily editable, like navigation bars, buttons, login forms. You probably already work in Sketch App, so having most of UI Kits in sketch format is a good bonus for you. To have more diversity, we also added some great UI Kits in Figma, Adobe XD, and Photoshop formats.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">All 35 UI Kits here are free and made with a focus on iOS platform. We used some of them personally and others were carefully handpicked. To make your design journey easier, we also mentioned great learning resources on the way. Take a look at all these goodies!<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">iOS 11 UI Kits<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/designcode.io\/ios11-ui-kit?ref=MarvelFlawless\">Design+Code iOS 11 UI Kit<\/a><\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s a comprehensive Sketch kit tailored to Apple\u2019s Human Interface Guidelines (HIG). It contains text styles, resizable nested symbols and even a set of dark theme components. The naming convention of each component follows Apple Developer Documentation. You can easily customize the colours, icons, and content as you wish and everything will be fully adaptive!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: If you need guidance in learning design for iOS 11, look at <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/designcode.io\/?ref=MarvelFlawless\">Design+Code book<\/a>. It has 44 hours of videos, 100 000 words &amp; images and dozens of examples for Swift 4 app. It will definitely teach you how to work with Sketch and Xcode. Kudos to Meng To!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/iosdesignkit.io\/ios-11-gui\/\">iOS 11 Screens &amp; Components<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A huge collection of iOS 11 core components and over 60 (x2) selected screens. As well as a previous UI Kit, this one is done according to Apple\u2019s HIG and has designs for iPhone X &amp; iPhone 8. Sketch files are made with nested symbols and contain text styles with resizing options specified. Available for Sketch.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/2774-ios-11-gui-sketch-freebie-resource.html\">iOS 11 GUI for Sketch App<\/a><br \/>\nThis kit contains iOS 11 designs, including 22 screens, 10 keyboards, fully vector elements and 100% vector shapes that are fully layered, organized and grouped. It\u2019s an excellent resource for anyone starting a new design project for iOS 11.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/facebook.design\/ios11\">iOS 11 iPhone GUI by Facebook<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A comprehensive set of files for Origami, Sketch &amp; Photoshop providing you all needed to get started with iPhone X app. The Facebook team also created Origami components that mirror behaviour of the most important UI elements in iOS 11 as well as recreating elements found in the public release of iOS 11.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.xdguru.com\/ios-11-ui-kit-xd\/\">iOS 11 UI kit for Adobe XD<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you learning or working with Adobe XD, you will enjoy this little iOS 11 UI kit. Adobe XD kit includes 12 different screens, featuring some default iOS 11 designs like the Control Panel, Lock Screen, and several AppStore screens. Not as big as all previous ones but still useful.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: Check Apple\u2019s documentation on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/developer.apple.com\/ios\/human-interface-guidelines\/overview\/themes\/\">Human Interface Guidelines<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/developer.apple.com\/design\/resources\/\">Apple UI Design Resources<\/a>. You will learn a lot about Apple design principles, app architecture, user interaction, visual design and much more!<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">UI Kits for social apps<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/3405444-FREE-UI-KIT-BRONZE\">Bronze UI Kit<\/a><br \/>\nIt\u2019s a clean and customizable UI Kit with signup, login, user profile, blog screens and templates for articles. You will love its adventure colour scheme, shots and typography. Available in Photoshop format with free Google fonts. This kit is not purely for iOS platform, but its design is so vibrant!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/snap-free-mobile-ui-kit-sketch\/?ref=flawlessapp\">Snap UI Kit<\/a><br \/>\nFresh and colourful mobile UI Kit for photo sharing app, available in Sketch format. It includes over 50 screens and a lot of beautiful elements, from buttons, search bars, sliders to camera elements and notification bars. This kit can be a huge time saver if you are planning to implement a photo app. Check it out!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.xdguru.com\/moon-heart-free-ui-kit\/\">Moon heart UI Kit<\/a><br \/>\nIt\u2019s Adobe XD kit for an image sharing app. The kit has 23 app screens with different categories: Login, Register, Boost Message, Slideshow, Social images explorers, Gift, Vote and much more. The kit is very colorful and optimized for iPhone X. Oh, and the Kit name is so romantic :)<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: Read guides on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.shopjessicabuckley.com\/blog\/designing-iphone-x\/\">how to design for iPhone X<\/a> (without an iPhone X) and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/designing-iphone-x\/\">Designing for iPhone X<\/a>. After reading these, you will feel much more confident when working with iPhone X designs.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Travel UI Kits<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.behance.net\/gallery\/57717777\/Free-Travel-app-UI-Kit\">Travel App UI Kit<\/a><br \/>\nTravel-inspired UI Kit with 15+ well-organized mobile screens for login, county view, place information, photos, map and much more. It\u2019s packed with a clean design and stunning photos of your next dream destination. Available in Sketch format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/4137786-Navigo-UI-Kit\">Navigo UI Kit<\/a><br \/>\nIt is UI Kit for the transportation &amp; travel app with social profiles. I loved its color scheme, nice travel photos and overall great looking designs. Navigo is a huge kit with 60 screens organized into 6 categories: Main App, Onboarding, Activity &amp; Profiles, Stats, Info. Navigo is optimized for iPhone X resolution and available in Adobe XD format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.uplabs.com\/posts\/ui-ux-for-travel-guide-app-kit\">Travel Guide App UI Kit<\/a><br \/>\nThe app concept has been designed for the iPhone X to showcase a better use of Location Filter and Travel cards. It\u2019s not typical UI Kit but rather a real app concept, which is available for personal use. It has more than 10 brightly-design screens and animations, all prepared for .sketch format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: All these travel UI Kits are so colourful! So let\u2019s talk about colours in UI Design. It would be nice to check how to use them properly in your new app. <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/blog.prototypr.io\/how-to-use-colors-in-ui-design-16406ec06753\">Prototypr.io tutorial<\/a> and Erik D. Kennedy\u2019s <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/color-ui-design-practical-framework\/\">guide<\/a> will be great starters for you.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/3624797-Travelisto-UI-Kit-For-Sketch\">Travelisto UI Kit<\/a><br \/>\nTravelisto is representing an imaginary travel app with over 22 iOS screens designed in vector format. Available in White and Dark versions for Sketch App.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/2657-harmony-ui-kit-sketch-freebie-resource.html\">Harmony UI Kit<\/a><br \/>\nLocation-oriented mobile app concept to find, share and rate hiking places around you. Harmony includes over 10 iOS ready core screens designed in vector format and based on symbols. While it\u2019s not so big, it\u2019s made using a pretty cool color scheme. So worth checking out.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: After you read about best practices to use colours, you might need some tools to work with it. These are great colour pickers: <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/khroma.co\/\">AI picker<\/a>, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/pigment.shapefactory.co\/\">Pigment picker<\/a>, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/colorwise.io\/\">picker<\/a> from popular products on Product Hunt, the latest &amp; most popular colour <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/colorbook.me\/\">palettes<\/a> from Dribbble and <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/giantrobot.army\/\">macOS picker<\/a>.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Food recipes UI Kits<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/2449517-Delicious-Free-Sketch-UI-Kit\">Delicious UI Kit<\/a><br \/>\nUI Kit for a food recipes app. It includes 11 pixel-perfect screens in Sketch format. The meals in this UI Kit are so tasty! Actually, all UI kits in this category are simple, nice looking and can be used for your first learning project.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/2661249-Recipes-App-UI-Kit-Freebie\">iOS UI Recipes App Kit<\/a><br \/>\nNice iOS UI Kit with 11 screens for the recipe or cooking app (prepared for Sketch format). Simplicity and minimalism at its best!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/2654096-1357-Recipe-app-UI-Kit\">1357 Recipe App UI Kit<\/a><br \/>\nDesigned with user experience in mind, this elegant UI Kit consists of 25 basic screens. It has not only cooking recipes screens but also layouts for Menu, Search, Community, Quotes &amp; 9 more pages. Available in Sketch format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/freebiescafe.com\/edacious-food-app-ui-kit\/\">Edacious \u2013 Food App UI Kit<\/a><br \/>\nEdacious has an interesting story. It was a paid project but the client decided that he doesn't need it anymore. So creative designers from Bangladesh decided to make a free UI Kit from it. They shared 1 landing page and 18 iOS screens, that forms a food-inspired mobile app. Available in .psd format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: You probably know that every meal consists of the basic components, as well as a good design consist of the basic elements. Please read this <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.freecodecamp.org\/before-you-can-master-design-you-must-first-master-the-fundamentals-1981a2af1fda\">guide<\/a> on the design fundamentals: type, spacing, visual hierarchy, colours.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Chat &amp; Messenger UI Kits<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/2893-mochi-chat-ui-kit-app-sketch-freebie-resource.html\">Mochi\u200a\u2014\u200aChat UI Kit<\/a><br \/>\nCute UI Kit for mobile chat interface that contains screens for logging in, signing up, scrolling through chat lists, full list of contacts and much more. Available in Sketch format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/1933-wechat-ui-kit-sketch-freebie-resource.html\">iOS WeChat UI Kit<\/a><br \/>\nThis UI Kit provides many assets, icons, screens, and interactions for Chinese premier messaging app: WeChat, or Weixin. Provided in both English and Chinese, with support for main 4 tabs (Chat, Contacts, Discover, Me), official account pages, Moments, Profile, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.adobe.com\/express\/feature\/image\/qr-code-generator\">QR Code<\/a> and more. So it\u2019s a really unique Sketch kit!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: You probably have noticed that almost all UI Kits are done for Sketch. Indeed, Sketch App is an industry standard for iOS app design. If you are totally newbie designer, you can learn how to work with Sketch here: <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.youtube.com\/playlist?list=PLWlUJU11tp4fEXI8deWhBQAHDv9R23WHB\">Sketch App Crash Course<\/a>, Sketch own <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchapp.com\/docs\/\">documentation<\/a> and already mentioned <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/designcode.io\/?ref=MarvelFlawless\">Design+Code book<\/a>. Also, A Step-by-Step Guide for Starting a New App Design Project in Sketch <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/ux-power-tools\/a-step-by-step-guide-for-starting-a-new-app-design-project-in-sketch-469df0f24af8\">post<\/a> is pretty informative.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/2824-telegram-ios-ui-kit-sketch-freebie-resource.html\">Telegram iOS UI Kit<\/a><br \/>\nDid you know that Telegram is a very popular messaging app in Russian-speaking countries? So if work with these markets and need to make Telegram bot, this UI kit will be very helpful. It includes 6 Telegram app views: Contacts, Contact Search, Contact Search - Query, Bot Welcome, Charts, and Dialog (available in Sketch format). Also, it comes with extensive Symbols.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.xdguru.com\/ego-free-messenger-ui-kit\/\">Ego \u2013 Messenger UI Kit<\/a><br \/>\nEgo is not purely iOS UI kit, but it\u2019s very clean and useful if you need to work with Russian copy. All texts there are done for a Russian-speaking chat app. The kit has 20 well-designed mobile screens, minimalistic icons, and cool colour pallet. Prepared for Adobe XD.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/developers.facebook.com\/docs\/messenger-platform\/design-resources\/design-kit\">Messenger Platform Design Kit<\/a><br \/>\nOfficial UI Kit for Facebook Messaging bot, which includes components for both conversational and GUI-based experiences. Available for Sketch.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/facebook.design\/\">Facebook design team<\/a> also has an enormous website with lots of useful design resources like Desktop Design Kit, practical guides, Sound Kit and tutorials. And folks from <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/\">UXPin publish <\/a>many advanced and free e-books, which you can get here.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">eCommerce UI Kits<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/3221507-Minimal-Chic-Free-UI-Kit\">Minimal Chic Kit<\/a><br \/>\nIt\u2019s a stylish mobile UI Kit designed for iOS. It\u2019s perfect for anyone looking to create an e-commerce mobile app as it has views for product category pages and product pages, as well as the usual account settings and login screens. Available in Adobe XD format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/visualhierarchy.co\/shop\/product\/portal-freebie\/\">Portal freebie<\/a><br \/>\nA sample of a mobile portal app built for Sketch. It has a focus on big, bold heading typography and is visually stunning when paired with full-screen background images. An awesome little freebie!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: If you need a lot of photos &amp; visuals for your ecommerce app, check these free photo-stock sites: <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/unsplash.com\/\">Unsplash<\/a>, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/burst.shopify.com\/\">Burst<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/allthefreestock.com\/\">AllTheFreeStock<\/a>, which has free photos, mockups, sounds!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/1862-wilhelm-ios-ui-kit-sketch-freebie-resource.html\">Wilhelm iOS UI Kit<\/a><br \/>\nCustomizable UI Kit, which containing six categories: Walkthrough, Sign in \/ Sign Up, Menu, Reading, ecommerce, Media player. It has various Sketch screens, which will suit both ecommerce mobile project or social app.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/freedesignresources.net\/helen-free-ios-ecommerce-ui-kit\/\">Helen UI Kit<\/a><br \/>\nHelen is a professionally designed iOS ecommerce UI Kit for Sketch and Photoshop. All elements well organized into 11+ high-quality screens. Perfect fit for a fashion clothing app.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/2012-mercatus-mcommerce-ui-kit-sketch-freebie-resource.html\">Mcommerce UI Kit<\/a><br \/>\nOne more ecommerce UI kit with 120+ screens. As makers mentioned, Mercatus was inspired by 1980\u2019s casual culture, European designer clothes and modern minimal aesthetics. The Sketch kit looks very stylish and clean. So you definitely can use as inspiration for your next ecommerce app.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: If you are working with ecommerce app, you would enjoy UX insights from Baymard Institute. They publish excellent free <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/baymard.com\/blog\">researches<\/a> on everything around ecommerce design: navigation, search, product pages, checkouts, mobile ecommerce &amp; more.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">More cool UI Kits<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/4217050-Place-UI-Kit-The-future-of-augmented-reality-mobile-apps\">iOS 11 Place UI Kit<\/a><br \/>\nIf you\u2019re planning to make ARKit mobile app, check this funny UI kit done by our good friend Volodymyr Kurbatov. It contains 22 iOS 11 screens and vector icons (sample free version). Place Kit has everything you might need: lists, catalogues, maps, tips and all types of camera views for every stage of AR experience (such as scanning, placing, and interacting). Made in .sketch format for iPhone X resolution.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/free-source\/3074-movies-app-ui-kit-sketch-freebie-resource.html\">Movies App UI Kit<\/a><br \/>\nColourful movies based iOS UI Kit, which includes over 30 screens with fully customizable layouts and layers (for Sketch). It is designed for iPhone X and available both in English and Chinese. Pretty good start for your movie app!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/sketchapp.com\/elements\">Elements: iOS UI kit by Sketch<\/a><br \/>\nDesigners at Sketch made an amazing job! Their iOS UI kit contains five different themes, 35 templates and more than 175 Symbols. This kit has all needed Sketch screens for Food, Social, Music, Photography, and Travel iOS apps. Everything is easy to customize, from colors to Symbols and beyond. This kit will definitely help you speed up your workflow!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Holo Music <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/sketchrepo.com\/free-sketch\/holo-music-app-kit-freebie\/\">Dark<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/sketchrepo.com\/free-sketch\/holo-music-app-kit-light-freebie\/\">Light<\/a> Kits<br \/>\nIt\u2019s very colourful and modern UI kit for a music app, done in dark and light themes. The free version has screens for a playlist and a player, available in Sketch format. Not so huge but nice-looking :)<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/2942774-Wonep-International-Calling-App-UI-Kit-Freebie\">Wonep Calling App<\/a><br \/>\nPretty cool UI Kit of a complete iOS app for making international calls. Sketch file includes over 30 unique screens and several UX flows: Onboarding, Recent Calls and Contacts, Dialing, Billing, Selecting Favorites. It also has a Principle file with animation to clarify the user experience through the app.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/free-banking-ui-kit-for-sketch\/\">Banking UI Kit<\/a><br \/>\nNeat banking themed UI kit for Sketch with 50 screens, ready to prototype templates, dozens of icons and buttons. It looks very fresh &amp; clean and will be a great starting point for anyone wanting to create an online banking experience.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/freebiesupply.com\/free-adobe-xd\/adobe-xd-ui-personal-finance\/\">Personal Finance UI Kit<\/a><br \/>\nI loved playful style of this finance UI kit. The app concert covers managing your income, finding ATM\u2019s near you, sending money to family &amp; friends and many more. It\u2019s Adobe XD UI kit with 40+ screens for iPhone 6,7 and X layouts.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/3296162-Free-Real-Estate-App-Ui-Kit-Sketch\">Real Estate App UI Kit<\/a><br \/>\nVery clean UI Kit with 25 artboards organized in 8 pages and categories: Onboarding, Sign In, Permissions, Home, Discovery, and Posts. Available in Sketch format.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pro Tip<\/strong>: As the final tip, please get the taste of design thinking: read classical design books, articles and blogs. Ahmed Sulaiman made a great beginner reading list for you in his <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/ultimate-guide-mobile-developers-want-design\/\">guide<\/a>. As must-read design blogs we will recommend checking <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/blog.prototypr.io\/\">Prototypr.io<\/a> Medium blog, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/uxdesign.cc\/\">UX Collective<\/a>, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.smashingmagazine.com\/category\/mobile\">Smashing Magazine<\/a>, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/heydesigner.com\/\">HeyDesigner<\/a> feed and Nick Kolenda\u2019s Psychology &amp; Marketing <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.nickkolenda.com\/\">blog<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I hope these UI Kits and tips will make your work easier or even inspire you to start learning mobile design. You can also get more design freebies at such awesome resources:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sketchappsources.com\/search_ui-kit.html\">Sketch App Sources<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/freebiesbug.com\/\">FreebiesBug<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/dbfreebies.co\/templates\">DB Freebies<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/psdrepo.com\/tag\/free-psd-ui-kits\/\">PSD Repo<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/sketchrepo.com\/tag\/free-sketch-ui-kits\/\">Sketch Repo<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.uipixels.com\/psd-freebies\/ui-kits-psd-freebies\/\">UI Pixels<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.uplabs.com\/\">Uplabs<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.xdguru.com\/free-xd-ui-kits\/\">XDGuru<\/a><\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Keep learning and making new things!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you enjoyed this article, check out Flawless App Stories for more.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This post was originally published on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/@lisadziuba\">Lisa\u2019s Medium profile<\/a>.<\/em><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Further reading:<\/h3>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/introducing-design-thinking-workshop-kit\/\" target=\"_blank\" rel=\"noopener noreferrer\">Introducing The Design Thinking Workshop Kit<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/how-to-run-a-remote-design-thinking-workshop\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to run a remote design thinking workshop<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/10-simple-tips-to-improve-user-testing\/\" target=\"_blank\" rel=\"noopener noreferrer\">10 Simple Tips to Improve User Testing<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/run-first-design-thinking-workshop-prototypes\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Run Your First Design Thinking Workshop Using Marvel<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/www.shopjessicabuckley.com\/blog\/need-ui-guidelines\/\" target=\"_blank\" rel=\"noopener noreferrer\">Why You Need UI Guidelines?<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.shopjessicabuckley.com\/blog\/crash-course-ui-design\/\">A Crash Course in UI Design<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Create any kind of app for mobile with these high-quality UI kits<\/p>\n","protected":false},"author":211,"featured_media":14470,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-14460","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Sharing goodies for those of you who work with mobile UI design or want to start.\" \/>\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.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"35 Great iOS UI Kits\" \/>\n<meta property=\"og:description\" content=\"Sharing goodies for those of you who work with mobile UI design or want to start.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-27T13:07:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-22T13:26:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2018\/02\/ui-bigger.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"10 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#website\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.shopjessicabuckley.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/wp-content\/uploads\/2018\/02\/ui-bigger.png\",\"width\":2600,\"height\":1200},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#webpage\",\"url\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/\",\"name\":\"35 Great iOS UI Kits\",\"isPartOf\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#primaryimage\"},\"datePublished\":\"2018-02-27T13:07:51+00:00\",\"dateModified\":\"2023-12-22T13:26:11+00:00\",\"description\":\"Sharing goodies for those of you who work with mobile UI design or want to start.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#\/schema\/person\/8e3509265700a9bfec483526e812bb36\"},\"headline\":\"35 Great iOS UI Kits\",\"datePublished\":\"2018-02-27T13:07:51+00:00\",\"dateModified\":\"2023-12-22T13:26:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#primaryimage\"},\"articleSection\":\"Resources\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.shopjessicabuckley.com\/blog\/35-great-ios-ui-kits\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#\/schema\/person\/8e3509265700a9bfec483526e812bb36\",\"name\":\"Lisa Dziuba\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.shopjessicabuckley.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9b43c4ad4b33e4151fb6e68318b508e8abced00a294453a9fff9ed4684fc733?s=96&d=mm&r=g\",\"caption\":\"Lisa Dziuba\"},\"description\":\"Swift Learner &amp; Marketer &amp; FlawlessAppio co-founder. Part of CocoaHeadsUA team ????\\u200d\\u2640\\ufe0f 2017 Product Hunt Maker of the Year Runner Up. Techstars London Alumni.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/14460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/users\/211"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/comments?post=14460"}],"version-history":[{"count":0,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/14460\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media\/14470"}],"wp:attachment":[{"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media?parent=14460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/categories?post=14460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/tags?post=14460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}