Sometimes we have to release products when we don’t have a nice design in place. We need to ship fast but keep good UX inside our iOS apps. As makers, we care about end users and think about them not only when we have our product releases every 2 weeks. So we need to wear the hat of UI designers from time to time...
Using prepared UI kits is done exactly for those moments. Since we firstly shared free iOS UI kits over our Medium blog, we found even more to share! Enjoy :)
iOS 12 UI kits
Whenever you need to add some UI tweak, checking Apple Design Resources page will be a good idea. It’s constantly updated with new elements introduced in iOS 12. And it contains comprehensive UI resources for iOS, macOS, watchOS, marketing Imagery and more. You will find UI templates in Sketch, Photoshop, Adobe XD formats, everything totally in line with the iOS design language.
Every new release of iOS prompts some updates to design, so this iOS 12 UI kit will make your life a bit easier (even if working with design is not easy for you in general). Here you will find over 10 different screens from Mail App Concept and a lot of useful UI elements. It’s easy to use & customize.
This icon template is crafted for iPhone, iPhone X, iPad, Apple Watch and iMessage apps for use with Sketch. You can automatically resize icons in all needed sizes and it’s possible to set up individual properties for better result. The preview is available in mockups of the latest hardware, so you can easily check how the icon looks.
iOS 11 UI kits
Someone made a great job for us — 170 fully vectorized screens, different text styles, +1k UI elements. Each element changes easily. It helps you to make clear interfaces faster, so you don’t waste time on learning new guidelines or making design element by yourself. Available for Adobe Illustrator.
Need to make iOS 11 app from scratch? Check this iOS 11 Sketch UI kit adapted to Apple’s HIG. It collects completely different text designs, resizable fixed symbols and even a collection of dark theme elements. Using this kit is very simple as it allows you to customise anything you want, including colours, icons, content. Done with love by Meng To.
A massive collection of core components and selected screens. This iOS 11 UI kit is designed for iPhone X & iPhone 8 and done according to the Apple’s HIG. Nice addition, it’s done for both Sketch and Figma.
The kit includes iOS 11 designs with 22 screens, 10 keyboards and fully vectorized elements. Also, vector shapes are layered, organized and grouped.
A huge set of files that helps you work faster and improve your designs. Use these files to mock up apps, concept ideas, or create custom interface elements. Facebook team prepared sketch, psd, Origami and Framer templates of GUI elements.
You will absolutely like this UI kit if you’re working with Adobe XD. This kit contains 12 screens with some default iOS 11 designs for Control Panel, Lock Screen, AppStore screens and more.
If you are Figma power user, you’d love this! Full iOS 11 GUI done in Figma format with 60 editable screens and elements. Btw, you can use Figma for free and it's pretty simple (the cover to this article was done in Figma :)
UI kits for social apps
If you are going to create a dating app and looking for sketch files, here you go. This UI kit contains 15 different views: Settings, Home, Like, Pass, Super Like, Profile, Matches, Chat, Feedback, Rate the App, Tinder Store, Messages, and more.
Light and colorful Sketch UI kit for social media app. It’s full of inspiring elements, amazing screens, images, buttons and palettes. Indeed, it shows momentum of a brightful life.
It's not exactly UI kit but more a real concept of the network app for the design community. Prepared in the Sketch and Principle formats, including five Artboards: News, Videos, Favorite Articles, Activity, and Profile. Very bright and colorful, as the design community app should be :)
Prepared for you by Marvel folks, Snap has over 50 screens and many useful elements like buttons icons and forms. This design kit can be a huge time saver for implementing a photo app. Check it out!
For a very unique social app experience, check out Bronze design kit with its distinctive colour scheme, shots and typography. It contains signup, login, user profile, blog screens and templates for articles. Bronze is free PSD UI kit and it’s not exactly for iOS platform. However, I loved its design, so take a look on it :)
A cross-platform UI kit for building intuitive social app experiences. Done by InVision team, this kit is oriented on desktop, mobile, tablet, and smartwatch formats. Available for Sketch & Photoshop in 3 colors.
This is a very colorful kit for the image sharing app. It includes 23 different screens (!) spread across different categories: Login, Register, Boost Message, Slideshow, Gift, Vote & more. Optimized for iPhone X.
Travel UI kits
Apart from an ocean of inspiration, you will find here a truly high-quality UI kit. Great color scheme, well-organized mobile screens, everything is complimentary. Available for Sketch.
UI kit for transportation & travel apps with the element of social profiles. Navigo is a huge iOS UI kit with 60 screens organized into several categories. Optimized for iPhone X and made for Adobe XD format.
Travel Guide is a real app concept, not a typical UI kit (but you are free to use it). Available for Sketch format with more than 10 designs.
Travelisto is a nice UI kit based on Sketch symbols for creating travel app prototypes. This iOS UI kit comes with 22 sample screens and is available in white & dark skins. The coolest thing about Travelisto is the ease of use. Try it out!
Harmony is a Sketch mobile app concept with geolocation features, like finding, sharing and rating hiking places. Harmony includes over 10 iOS ready core screens designed in vector format and based on symbols. While it’s not so big, it’s made using a pretty cool color scheme. So, it’s worth checking out.
This is a PSD UI kit with all needed information for making a personal travel iOS app. Only 6 screens but it has design for choosing flights, train and bus tickets, and other crucial holiday information.
Food recipes UI kits
Flavr is about things that make us happy — cooking a tasty food (yeah, I love cooking!). It’s a sample recipes app with iOS views, which you can use for your personal projects.
UI kit for a food app with a delicious name and delicious designs. It includes 11 pixel-perfect screens in Sketch format. The meals in this UI kit are so tasty!
Here’s another recipe app iOS UI kit with 11 screens in Sketch format. Simplicity and minimalism at its best!
Designed 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 & 9 more pages. Available in Sketch format.
Edacious has an interesting story. It was a paid project, but the client decided that he doesn't need it anymore. So creative folks from Bangladesh decided to make a free UI kit from it. They shared 1 landing page and 18 iOS screens that come together to form a food-inspired mobile app. Available in .psd format.
Chat & Messenger UI kits
Mochi is an excellent place to start with the chat app. It contains Sketch screens for logging in, signing up, scrolling through chat lists, full list of contacts and much more.
Chat is a comprehensive UI kit for with 60 templates, 12 categories, and 80 UI elements, made by InVision. The design is minimal but the value is at its maximum! It’s psd and sketch UI kit.
WeChat is super comprehensive! It has many assets, icons, screens, and interactions for the dominant Chinese messaging app: WeChat/Weixin. Provided in 2 languages — English & Chinese, with support for Chat, Contacts, Discover, Me tabs. It also has account pages, Moments, Profile, QR Code (so it’s really unique iOS Sketch UI kit).
Probably you know, that Telegram is a widely popular messaging app on the Russian-speaking markets. Whenever you need, you can use this iOS UI kit with its 6 Telegram app views for your first bot . It's available in Sketch format and comes with extensive Symbols.
Ego is not purely an iOS UI kit, but it’s also 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 palette. Prepared for Adobe XD.
Need to make a bot for your iOS app? Here you go! Check this official UI kit for Facebook Messaging bot, which includes components for both conversational and GUI-based experiences. Available for Sketch.
eCommerce UI kits
It’s a stylish mobile UI kit designed for iOS. Chic is perfect for anyone looking to create an e-commerce iOS app because it has product category views, product pages, account settings and login screens. Available in Adobe XD format.
It’s several nice screens for mobile e-commerce app. You will love its bold heading fonts and full-screen background images. An awesome little UI kit built for Sketch!
This is a customizable iOS UI kit that contains Walkthrough, Sign in / Sign Up, Menu, Reading, e-commerce, Media player categories. It has various Sketch screens that will suit both e-commerce mobile project or social app development.
If you need to make a women clothing app from scratch, check Helen is a beautifully designed iOS e-commerce UI kit for Sketch and Photoshop. All elements are well organized into 11 high-quality screens. Perfect fit for a fashion clothing iOS app.
One more e-commerce UI kit with 120+ screens. As makers mentioned, Mercatus was inspired by 1980’s casual culture, European designer clothes and modern minimal aesthetics. The Sketch UI kit looks very stylish and clean.
More cool UI kits
It contains 22 iOS 11 screens and vector icons. Place kit has everything you might need: lists, catalogues, maps, tips and all types of camera views for every stage of the AR experience. Made in .sketch format for iPhone X resolution.
Need to make something similar to Netflix app? No worries, this bright-coloured iOS UI kit is a great pick! This movie based kit has 30 Sketch screens with fully customizable layouts and layers. Designed for iPhone X and available both in English and Chinese. I loved it!
This iOS UI kit contains five different themes, 35 templates and more than 175 Symbols. It has all the required Sketch screens for Food, Social, Music, Photography, and Travel iOS apps. Everything is easy to customize, from colours to symbols and beyond. This kit will definitely help you speed up your workflow!
It’s a 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 :)
A detailed and carefully crafted iOS UI kit. This is actually a music app concept, which contains 10 ready to use screens. Available in Sketch format.
iOS UI kit of a call app for international talks. Sketch file includes over 30 unique screens and several UX flows: Onboarding, Recent Calls and Contacts, Dialing, Billing, Selecting Favorites. It also has a principal file with animation to clarify the user experience through the app.
Neat banking-themed UI kit for Sketch with 50 screens, ready to prototype templates, dozens of icons and buttons. It looks very fresh & clean and will be a great starting point for anyone who needs to create an online banking experience from zero.
I loved the playful style of this finance UI kit. The app content covers managing your income, finding ATMs near you, sending money to family & friends and many more. It’s Adobe XD UI kit with 40+ screens for iPhone 6,7 and X layouts.
This kit includes several crucial screens for mobile application success: introduction screen, a nice and minimal signup and login screens, a screen for creating a news section, a user profile screen and many others. The overall theme for this one is content, so take what sticks and put it all together.
Very clean UI kit with 25 artboards organized in categories: Onboarding, Sign In, Permissions, Home, Discovery, and Posts. Available in Sketch format.
This is concept of iOS app for managing leads. The Sketch file includes 9 views with the ability to add notes, tags, and sending reminders to a lead.
I hope these UI kits will make your work easier or even inspire you to start learning mobile design. Keep learning and making new things!
If you enjoyed this article, check out our blog for more.