Skip to content

Latest commit

 

History

History
644 lines (358 loc) · 98.8 KB

Awesome-Design-UI-Kits.md

File metadata and controls

644 lines (358 loc) · 98.8 KB

How to Use and Contribute

  • Now you are in the Awesome Design UI Kits section.
  • To find the UI Kit, go through the Table of Contents or search for a keyword (for example, "social app", "travel").
  • Ask Lisa on Twitter.

If you found some great UI Kit, just send a Pull Request with respect to our Contribution Guidelines (they're very simple, please take a look). We use such labels for Sketch Sketch, Adobe XD Adobe XD, InVision Studio InVision Stusio and Figma Figma UI Kits, don't forget to add them.

If UI Kit is purely for mobile design (both iOS and Android), please add Mobile. For UI Kits which can be used for websites, web app and other web products please add Web. And for desktop UI Kits use Desktop.

Now I'd love to see your suggestions!

We decided to share goodies for those of you who work with UI design or want to start.

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 UI Kit to fit your needs and goals. All components and screens are easily editable, like navigation bars, buttons, login forms. You would need to have design tools, like Sketch App, Adobe XD, Studio or Figma to open the kits. The good news, you can use its free trials from the official websites.

Blog

  • UI Blog Kit Template for Sketch — this kit contains customized headers and footers, multiple post design types, Sketch design with over 150 symbols that are well-systematized, named and grouped. Take a look! Mobile sketch.svg

  • Write - Free UI Kit for Sketch and Adobe XD — if you're going to create your own blog, check this UI Kit that will help you to organize your content well. It contains 15 different iOS app screens designed in vector format, based on symbols. Available for Sketch and Adobe XD. Mobile adobe-xd.svg sketch.svg

Calling App

  • Wonep Calling App — pretty 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. Mobile sketch.svg

  • D-Caller Mobile UI Kit — clean, simple and elegant mobile UI Kit for calling app, available in Sketch format. Oh, and you will really like typography and colors in this UI Kits. Mobile sketch.svg

Cards

  • Cards Pro Free UI Kit — an amazing set of cards resource designs perfect for websites and mobile apps. Some of its resources include email sign up, captions, info card, calendar notification and more. Available in Photoshop. Web sketch.svg

  • Deck Card UI Kit — a beautiful cross-platform UI kit for designing card-based interfaces and media websites. Inside you'll find dozens of hand-crafted components, 45 UI templates in 6 different categories and over 200 UI elements for Sketch and Photoshop. Mobile Web sketch.svg

  • Card UI Kit — a super flexible and simple card UI kit. It is available both in light and dark themes. Designed by Charles Patterson for InVision Studio. It is definitely worth a look! Mobile invision-studio.svg

  • eCommerce Cards Free Sketch UI Kit — Clean and minimal eCommerce Cards by Divan Raj Mobile sketch.svg

Charts & Wireframes

  • Greyhound - Free Flowchart Kit — this kit contains fully customizable 200+ ready-to-use flowcharts in 11 categories. It'll help you to create beautiful sitemaps, wireframes, and prototypes for your web & mobile projects. Available for Figma and Sketch. Mobile sketch.svg figma.svg

  • Fluid - UI Flow & Diagrams — a sketch library customizable with over 44 connectors to create user flow, diagrams, and sitemaps for mobile and web. Add notes and annotations to make your flows easy to read. Mobile sketch.svg

  • Kamartaj Gift Shop UI Kit — this UI kit with clean design, well-organized elements, and editable content. Made for both iPhone 8 and iPhone X and includes Adobe XD, Adobe Photoshop, Figma and Sketch file as well. Mobile sketch.svg figma.svg adobe-xd.svg

  • Flowchart Kit for Sketch / Figma — amazing UI kit for Sketch and Figma. Inside you'll find fully customizable and scalable vector elements and 3 pre-defined color themes for creating fast sitemaps and wireframes. Mobile sketch.svg figma.svg

  • Wirez Free Wireframe Kit — a totally free wireframe GUI kit ideal for mobile apps (sketch sources), it’s packed with 64 different screens and 6 categories. It'll help UX/UI designers to create faster low fidelity wireframe. Mobile sketch.svg

  • Product Design Kit for Figma — the ultimate design kit for Figma. Create high fidelity wireframes, user interfaces and style guides for your desktop products. It’s fully customizable and free. Desktop figma.svg

Chat

  • Mochi - Chat UI Kit — this 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, QR Code and more. So it’s a really unique Sketch kit! Mobile sketch.svg

  • Mail - A free cross-platform UI kit — this mail UI Kit is special. It comes in three colors: gold, teal, and purple. And it's cross-platform, with templates for desktop, mobile, tablet, and smartwatch. What’s inside: 78 UI templates in 26 categories and 250+ UI elements for Sketch and Photoshop. Mobile sketch.svg

  • App Login Screens UI Kit — nice UI kit for Sketch to help you quickly design and build login flows. This freebie UI kit is available in both light and dark theme. Includes over 20 screens. Mobile sketch.svg

  • Chat Messaging UI Kit for Sketch — it's a chat UI kit for Sketch. It includes chat interfaces for live chat, team collaboration, messaging, customer support and gaming. Enjoy! Mobile Web sketch.svg

  • 9GAG Redesign UI Kit — UI Kit to create awesome products from highly customizable screens like Feed, Profile, Login, Notifications and a lot more to go with anything you can imagine. Check it out! Mobile sketch.svg

Components

  • cursorOS - original macos cursors — a collection of original macOS cursors, identical as possible without changes in style. Use them in your Design Systems, User flows, UI Kits, Prototypes, and other design stuff. Desktop figma.svg

  • Cookie Banner UI Kit for Adobe XD — this UI kit makes it a cinch for designers to easily incorporate relevant privacy-warning modals into their interfaces. The kit includes numerous modals for both desktop and mobile uses cases. Mobile Web adobe-xd.svg

  • Component States UI Kit for Adobe XD — if you're looking to include Material Design states within your Adobe XD projects, check this UI kit. It includes buttons, icons, toggles, animations, and more. Also, there are a few real-world examples so you can view states in action. Mobile Web adobe-xd.svg

  • Urano Sketch — a comprehensive Sketch kit that includes more than 30 components, easily customizable vector shapes, and free fonts. Also, it's available in 3 different color models: white, dark, grey. Awesome! Mobile Desktop Web sketch.svg

  • Elements — amazing Sketch kit. With 5 different themes, 35 templates and more than 175 Symbols, this kit contains all the building blocks you need. So no matter what you’re creating, you can start with Elements. Mobile sketch.svg

  • Lexicon — a set of principles, patterns, and tools created to provide a common design framework for crafting user interfaces within Liferay product ecosystem. Mobile sketch.svg

  • Material Design UI Kit — the ultimate collection of UI elements for you to create Android and web apps. Includes 35 hi-fi screens, more than 140 UI elements, and Guideline Compatible. Desktop WebMobile sketch.svg

  • Figma Starter Kit — limited to basic components, it's a great way to get started without any clutter. What you get: forms, buttons, basic icons, and a few templates. Also, it's available in Dark More. Mobile figma.svg

  • Ares UI Kit — well-done UI Kit available through Sketch. Feel free to use it and improve it as much as you want. Mobile sketch.svg

  • Tetrisly — probably the most organized and smartest Sketch component library for professionals. Start wireframing faster or use this Starter Kit to create Design System. Mobile Web sketch.svg

Courses

  • Plexus - Free Adobe XD UI Kit — a free mobile UI kit for online courses, featuring light & dark themes to choose from, a total of 28 screens. It’s made for iPhone X resolution and also includes separated components, free fonts, and vector elements. Mobile adobe-xd.svg

  • Online Courses UI Kit — a minimal and clean educational app focused on improving the experience of learning courses online. This UI Kit includes only 3 screens, but it neat and nicely designed as well. Mobile sketch.svg

  • MentorMe UI Kit for Adobe XD — MentorMe includes a total of 36 customizable screens, flows for creating profiles, scheduling meetings and appointments, sending and tracking messages, provisioning payments, as well as ratings and notifications. A comprehensive asset panel specifies colors, fonts, headers, navigational elements, inputs, buttons, and over 40 icons to choose from. Mobile adobe-xd.svg

Crypto

Dashboard

  • Facility Manager App for Sketch — Today is the day we publish a freebie .Sketch file connected with designing solutions for a leading European real estate and facility manager. Feel free to use and share! Mobile sketch.svg

  • Goge Africa - UI Kit for Figma — 38+ screens and design elements e.g Landing-page, Quicklinks-page, Ecommerce, Dashboard... Mobile figma.svg

  • Velocity UI Kit — Meet Velocity, a UI kit and complete design system for an imaginary self-driving car company. Borrow, remix, and remake for your own app. Mobile sketch.svg invision-studio.svg

Dating

  • Dating App UI Kit for Sketch — Free dating app design UI kit in Sketch, to fast track the design of your next mobile dating app. With beautiful UI elements and a well thought out UX, this dating app contains more than 30 carefully crafted screens. Mobile sketch.svg

Design System

  • Semantic UI Kit for Adobe XD — 80+ high quality components to kick-start your design system Mobile adobe-xd.svg

  • Eva Design System for Sketch — Customizable Design System available for Sketch, with Mobile and Web implementations. The main strength of the Design System is the ability to adapt and integrate your brand making it ideal for any type of product. Mobile Web sketch.svg

  • Dome Design System Framework — Dome is a set of styles and symbols that allow you to create a design system from scratch. You will find shapes, states, graphic treatment of images are defined as styles and also a complete set of text styles (6 headlines, 10 text styles and buttons) easily editable and customizable. Mobile sketch.svg

  • Liquid Design System — Use Liquid to create and develop digital products to make science faster, treatments more personalized, and everyday work more enjoyable. Mobile sketch.svg figma.svg

  • Ant Design — a design system with values of Nature and Determinacy for the better user experience of enterprise applications. Mobile sketch.svg

eCommerce

  • Fusion eCommerce UI Kit — Get ready for something absolutely fresh for your E-commerce app Mobile sketch.svg

  • Prospero - Ecommerce UI Kit for Webflow — A clean, modular — and free — UI kit for ecommerce and beyond. Get all the pieces you need to create a polished online store in Webflow, including 2 unique, ready-to-launch templates. The kit includes 85 sections and 10 layouts showcasing large photos, sleek typography, and plenty of white space to keep the attention on your products and brand. Mobile Web sketch.svg

  • Minimal Chic Kit — It’s a stylish mobile UI Kit designed for iOS. It’s 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. Mobile adobe-xd.svg

  • Backpack - UI Kit Free for Adobe XD — Includes 50+ customizable screens across seven categories Mobile adobe-xd.svg

  • Wilhelm iOS UI Kit — Customizable 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. Mobile Web sketch.svg

  • Mcommerce UI Kit — One more ecommerce 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 kit looks very stylish and clean. So you definitely can use as inspiration for your next ecommerce app. Mobile sketch.svg

  • Responsive eCommerce UI Kit for Adobe XD — Designed for both web and mobile, this UI kit redefines user experience through simplicity and calculated design choices. This freebie contains everything an online store needs to get up and running. Mobile Web adobe-xd.svg

  • Tech Marketplace UI Kit for Figma — It's a tech-oriented marketplace with modern UI design. Mobile figma.svg

  • Diadema – UI Kit Web eCommerce — Pretty big and elegant stack of easy-to-setup designs for your internet store. Web sketch.svg

  • L'euphorie E-commerce UI Kit Freebie — E-commerce UI kit screens and components, with a very minimal and modern trendy design. Mobile sketch.svg

  • Stickers Shop App UI Kit — Stickers Shop app for the new iPad Pro. Know that the images from the preview image are not included due to copyright infringement, and are changed for tyles. Mobile sketch.svg

  • Bouncer - Ecommerce UI Kit for Adobe XD — Free Adobe XD UI Kit for Ecommerce Projects Mobile adobe-xd.svg

  • Shopping App Free UI Kit — Minimal and clean shopping app design, 5 screens for you to get started Mobile sketch.svg

  • UI Shop Kit Freebie — Minimal and clean shop UI design, 5 screens for you to get started. Mobile sketch.svg

  • Bolt E-commerce App UI Kit — Minimal and clean app design for e-commerce , 18+ screens for you to get started Mobile adobe-xd.svg

  • E-Comm Adobe XD UI Kit — E-Comm is a free UI kit that contains 22 well organized and layered app screen designs, covering all the main user flows. All main UI elements are separated on to one ‘Components’ artboard, so any element could be directly grabbed from there and be added to your design project. Even though this UI kit was mainly created for online stores, the components by themselves could be used on a variety of of apps. There are many UI components such as lists, tags, message bubbles, comments, different button states, to name a few. Mobile Web adobe-xd.svg

  • Simply eCommerce UI Kit — Simply is an e-commerce UI Kit. Was crafted especially for small or medium business who want to have e-commerce app. Mobile sketch.svg

  • Pony Collection - eCommerce Mobile App — Minimal and clean eComerce app design by Tung Chi Vo Mobile adobe-xd.svg

  • E-Commerce Mobile App for Figma — We have created the UI Library of the components which could be used in mobile apps of various spheres. Colors, sizes, and elements are customizable. 42 screens, which is useful for any projects. Mobile figma.svg

Fashion

  • Fashion Influencer UI Kit for Adobe XD — The UI Kit itself is #MadeInAdobeXD and is available for free. It features a ton of goodies for you to use in your next design projects! Don't miss out! Mobile adobe-xd.svg

  • Fashion Editorial UI Kit for Adobe XD — This editorial and e-commerce UI Kit features 18 different design pages and more than 120 various components. This UI kit is built to help users create fashion editorial, as well as designer marketplace, apps, and websites. It features elements for a homepage, product grid, single product page, and blog. Mobile adobe-xd.svg

Finance

  • Budget Planner: Onboarding Screens UI Kit — Minimal and clean onboarding screens design, 22 screens for you to get started. Mobile adobe-xd.svg sketch.svg figma.svg

  • Apple Wallet Free UI Kit for Sketch — This is the first version of the Apple Wallet Free UI Kit. All the components are built in symbols considering different cases and it's pretty easy to scale or evolve at your own. Mobile sketch.svg

  • Stack UI Kit — Stack UI Kit is a perfect kickstart to your mobile finance project iOS design and Android. The design concept is based on a financial investor app, that uses machine learning to calculate the best stocks for the user to invest their money. Mobile sketch.svg

  • Busines - Bank App for Sketch — Minimal and clean app design, 7 screens for you to get started. Mobile sketch.svg

  • Radity - Finance UI Kit — We have been receiving a lot of requests for a Finance Kit recently due to the popularity of Fintech. We decided to share this Finance UI Kit and get community’s feedback. Mobile sketch.svg

  • Free Finance UI Kit — Kickstart your project or just have fun with it. Designed by 7ninjas Mobile sketch.svg

  • Banking UI Kit — 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 wanting to create an online banking experience. Done with love by Marvel folks. Mobile sketch.svg

  • Personal Finance UI Kit — I loved playful style of this finance UI kit. The app concert covers managing your income, finding ATM’s 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. Mobile adobe-xd.svg

  • Telco Skeumorph App for Sketch — Minimal and clean app design, 12 screens for you to get started Mobile sketch.svg

  • Gravity - The UI Kit — Introducing Gravity — the product of experimentation and creative exploration. Mobile sketch.svg invision-studio.svg

Fitness

  • Cafit - Workout UI Kit — This is Cafit – Fitness UI Kit. Amazing UI Kit of premium quality is gonna drive you crazy! — a genuine designer’s ace! Cafit delivers 45+ screens of ultimate value, with hot color versions featured, bring to app more energy. Mobile adobe-xd.svg sketch.svg

  • fitgoal UI Kit — Stretch your limits with the fitgoal UI Kit by InVision. Includes 30 Screens, 179 Components, and 26 Fitness Icons. Mobile sketch.svg invision-studio.svg

  • Aloo - Fitness UI Kit for Adobe XD — Minimal and clean Fitness App design by Ramky. Mobile adobe-xd.svg

  • App Design System Freebie — At this moment, the app considers 64 different sports, each one with photos and a custom designed icon (that you will find inside this file), that helps with the identification of each one. Mobile sketch.svg

Food

  • Delicious UI Kit — UI 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 app. Mobile sketch.svg

  • iOS Recipes App UI Kit — Nice iOS UI Kit with 11 screens for the recipe or cooking app (prepared for Sketch format). Simplicity and minimalism at its best! Mobile sketch.svg

  • 1357 Recipe App UI Kit — 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. Mobile sketch.svg

  • Edacious — Food App UI Kit — Edacious 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. Mobile Photoshop

  • Burger City - Free Adobe XD UI Kit — A mobile UI kit for a burger store. 25 screens for you to get started. Mobile adobe-xd.svg

  • Foodybite - Free UI Kit for Adobe XD — Foodybite is a free UI Kit. It is easy to use for Adobe XD for who want to design an app related to food or restaurant services. The UI Kit pack included more than 30 customizable screens. All screens are fully editable. This UI Kit is free for personal & commercial projects. Mobile adobe-xd.svg

  • Scratch Recipe UI Kit — The Scratch UI Kit has all you need to build a recipe book that would make your Grandma jealous. Browse, collect, edit, and share recipes with your network, find what’s trending, then take the app into the kitchen. Mobile sketch.svg invision-studio.svg

  • 1357 Recipe App UI Kit — Modern and elegant eCommerce UI Kit for Sketch with 25 basic screens in your next project. Mobile sketch.svg

  • Fresh Food UI Kit for Adobe XD — Fresh Food is an App UI Kit created with Adobe XD that aims to make identifying and ordering healthy foods effortless. The UI kit includes: a suite of assets and icons, mobile and desktop formatted screens, a dark mode version, and plenty of fruits and vegetables! Mobile Desktop adobe-xd.svg

Home

iOS 11 UI Kits

  • Design+Code iOS 11 UI Kit — a comprehensive Sketch kit tailored to Apple’s 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. Mobile Sketch

  • iOS 11 Screens & Components — 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’s HIG and has designs for iPhone X & iPhone 8. Sketch files are made with nested symbols and contain text styles with resizing options specified. Available for Sketch and Figma. Mobile Sketch Figma

  • iOS 11 GUI for Sketch App — this 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’s an excellent resource for anyone starting a new design project for iOS 11. Mobile Sketch

  • iOS 11 iPhone GUI by Facebook — a comprehensive set of files for Origami, Sketch & Photoshop providing you all needed to get started with iPhone X app. Facebook team also created Origami components that mirror the behaviour of the most important UI elements in iOS 11 as well as recreating elements found in the public release of iOS 11. Mobile Sketch

  • iOS 11 UI kit for Adobe XD — if you're 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. Mobile adobe-xd.svg

  • iOS 11 Place UI Kit — If you’re 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. Mobile sketch.svg

Landing Page

Messenger

  • Telegram iOS UI Kit — Did 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 in help. 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. Mobile sketch.svg

  • Facebook Messenger UI Kit for Android — The free kit is not just a design clone, it's actually a well organized Sketch Library as well. It contains icons, colors, components, spacing elements, etc. Mobile sketch.svg

  • iOS WeChat UI Kit — This 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, Chat, Moments, Profile, QR Code and more. Available for Sketch format. Mobile sketch.svg

  • Ego — Messenger UI Kit — Ego is not purely iOS UI kit, but it’s 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. Mobile adobe-xd.svg

  • Messenger Platform Design Kit — Official UI Kit for Facebook Messaging bot, which includes components for both conversational and GUI-based experiences. Available for Sketch. Mobile sketch.svg

More cool UI Kits

  • Uplabs App UI Design — Uplabs Homepage UI Redesign Web sketch.svg

  • Vera Block Free UI Kit — Each screen and component is made carefully and easily customized for any project. This product will speed up your work in mobile design. Web sketch.svg

  • InVision Studio Spaced — InVision Studio - Spaced Source Files. Minimal and clean UI Kit design, 27 screens for you to get started Mobile invision-studio.svg

  • H1 Free Mobile UI Kit — 10 Categories. 130 Templates. 470+ UI Elements. For Sketch & Photoshop Mobile Web Desktop Photoshop sketch.svg

  • Now - A beautiful cross-platform UI kit — Build immersive experiences for web, tablet, and mobile with the Now UI kit. Mobile invision-studio.svg Web sketch.svg

  • InVision Studio Spaced — InVision Studio - Spaced Source Files. Minimal and clean UI Kit design, 27 screens for you to get started Mobile invision-studio.svg InVision Stusio

  • Bauhaus UI Kit for Adobe XD — Founded 100 years ago – still relevant today! Kick-start your next project and download this Bauhaus inspired. Mobile adobe-xd.svg

  • Avsc Free UI Kit — We spent hundreds of hours to create this beautiful looking UI kit. Get things done faster Mobile sketch.svg

  • Grada Free Figma UI Kit — I've been working on a little Figma asset that I thought I could share with the community. It's a pretty rich UI kit. Hope you like it and find it useful! Mobile figma.svg

  • MNML iOS UI Kit — Multi-purpose iOS UI Kit for Sketch, Figma, PS & Adobe XD. Designed by UI8.net Mobile sketch.svg figma.svg Photoshop adobe-xd.svg

  • Argon Mobile UI Kit — Argon Mobile UI Kit accelerates the design process and helps you swiftly create fresh and complex designs. All the components are designed to look great together, following the same design pattern. Each screen is fully customizable, exceptionally easy to use and carefully assembled in Sketch, Figma, Adobe XD Mobile adobe-xd.svg sketch.svg figma.svg

  • Basic UX for Invision Studio — The final deliverable was a family of 4 products that you can download and use for free. Just download InVision Studio, open their App Store and search for 128 Outline Icons, eCommerce Wireframe Kit, User Interface Kit and Web Wireframe Kit. Mobile invision-studio.svg InVision Stusio

  • Santa's Little Helper Free UI Kit — Minimal and clean app design, ready for you to get started. Mobile sketch.svg

  • Atro Mobile UI Kit Freebie — Whatever you need a nudge to start work on your idea, find inspiration or just want to add Atro Mobile UI kit to your freebie toolbox, go ahead and grab this awesome mobile UI kit containing 12 beautiful handpicked screens for free. Mobile sketch.svg figma.svg adobe-xd.svg

  • Finder for iPad Concept — Bringing the Finder and new advanced multitasking to the iPad. Experimentations with creating a Finder app for the iPad Pro with external storage management, Quick Look integration, column view, resizable sidebar, improved multitasking and dark mode. Mobile sketch.svg

  • Responsive Resize UI Kit for Adobe XD — The kit comes packed with 14 screens, 164 components and everything is fully customizable and responsive. Mobile adobe-xd.svg

  • Gamify - Free Adobe XD UI Kit — A mobile UI kit for Gaming App Mobile adobe-xd.svg

  • HeaderZ - Free UI Kit — 20 Free Headers to kickstart your next web design project. Web sketch.svg

  • Head: Free Sketch Header Starter Kit — Head is a free high-quality user interface kit includes 6 modern headers designed for Sketch. Kickstart your website with some hand-crafted ideas for your header. Mobile sketch.svg

  • Shards UI Kit — A free and modern UI toolkit for web makers based on the popular Bootstrap 4 (final) framework. Web sketch.svg

  • Ticketapp - Figma and Sketch Template — Sketch and Figma template based on existing ticketing apps. All elements are easy to modify and build upon. So if you are building an app for choosing the tickets to the cinema or theatre, this will be a good start.Mobile sketch.svg figma.svg

Movies

  • Movies App UI Kit — Colourful 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! Mobile sketch.svg

Music

  • Orizon Music Player UI Kit — Minimal and clean music player, includes 3 screens. Mobile sketch.svg

  • L’euphorie Music UI Kit Freebie — L’euphorie is a Multi-purpose, Creative UI Kit, with a very minimal and modern trendy design. Mobile Web sketch.svg

  • SoundBuzz Music App Free UI Kit — Fresh and vibrant music UI kit design for App and Website Mobile Web sketch.svg

  • Urban Music UI Kit — Minimal and clean app design, 10 screens for you to get started Mobile sketch.svg

  • Music App UI Kit — Minimal and clean music app design, 7 screens for you to get started. Mobile sketch.svg

  • Holo Music Kits — It’s 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 :) Mobile sketch.svg

  • Music App UI Kit for Adobe XD — The Music App UI Kit is a component-based UI Kit designed exclusively for Adobe XD by Unmesh Gite. If you are struggling with creating great user-interfaces, then this kit will give your designs a great boost. This Kit features fully-customizable components, including UI elements, colours, typography. Mobile adobe-xd.svg

  • Vinyl Store - A Free eCommerce UI Kit — This is a conceptual design for an online Records Store Mobile sketch.svg

Onboarding

Pets

  • Pawtastic UI Kit for Adobe XD — Pawtastic is a whimsical e-commerce UI kit and web app prototype that's dead simple to customize. The kit combines a fun and informative marketing one pager, a multi-step booking process, and a beautiful dashboard. Mobile adobe-xd.svg

  • Doglife UI Kit Free for Adobe XD — Doglife is an app for dogs and dogs lovers, who loves to share photos of their dogs and dog's lifestyle. Minimal and clean app design, ready for you to get started. Mobile adobe-xd.svg

  • Pet Walk App UI Kit for Figma — It is an application dedicated to your pets: monitor their health, share their progress with the community and improve their lives. The kit is free for personal projects. 12 screens for you to get started. Mobile figma.svg

Photo

  • Unsplash UI Kit — Elegant and clean UI Kit for any kind of app. 35+ screens for you to get started. Mobile invision-studio.svg Web sketch.svg

  • DarkPIX UI Kit for Adobe XD — DarkPIX UI kit designed for Photography, Free Stock Images and HD wallpaper apps. Package includes 20+ Screen Adobe XD files. Free editable showcase mock-ups included for Presentation. Mobile Desktop adobe-xd.svg

Social Apps

  • Bronze UI Kit — a clean and customizable UI Kit with signup, login, user profile, blog screens and templates for articles. You would love its adventure colour scheme, shots and typography. Available in Photoshop format with a free Google fonts. This kit is not purely for iOS platform, but its design is so vibrant! Mobile Photoshop

  • Mail UI Kit — InVision is releasing a lot of UI kits! Mail is the most recent cross-platform UI Kit for social apps. It’s made for desktop, mobile, tablet, and smartwatch formats. So it will very useful if you want to make a cross-platform app. Available for Sketch & Photoshop in 3 colours. Mobile Desktop sketch.svg Photoshop

  • Snap UI Kit — Fresh 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. Prepared by Marvel folks. Mobile sketch.svg

  • Moon heart UI Kit — It’s 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 :) Mobile adobe-xd.svg

  • Momento - Free Sketch UI Kit — Design for social media applications by Kuldeep Sharma Mobile sketch.svg

  • Moon Heart Free Adobe Xd UI Kit — Social images sharing. 23+ artboards freebie template for everyone Mobile adobe-xd.svg

  • Social UI Kit for Figma — Minimal and clean UI Kit, 16 screens for you to get started Mobile figma.svg

  • Meetio UI Kit for Adobe XD — Say hi to the Meetio UI Kit for @Adobe XD. More than 80 screens, very unique and yet customizable for your needs! Mobile adobe-xd.svg

  • YouTube Redesign Concept — Introducing concept on YouTube redesign. In the new version of this web service, we made it more clear and minimalistic, so any user who will visit the website will easily manage to use it. Mobile figma.svg sketch.svg Web

Style Guide

Taxi & Cars

  • Taxi App UI Kit for Figma — 40+ Figma UI elements which covers the main flows of a taxi app. 13 car type icons. Mobile figma.svg

  • Green Taxi Free App UI Kit — Minimal and clean app design for Adobe XD, 15 screens for you to get started. Mobile adobe-xd.svg

  • Tesla Model Y - Concept UI Kit for Figma — Check some car configuration flow concepts and feel free to download it. Minimal and clean app design, 6 screens for you to get started. Mobile figma.svg

  • Vehirent UI Kit — 10 iOS interface screens. It depicts map, filtering, ride history, payments and settings. Mobile sketch.svg

  • Audi Freebie — Minimal and clean app design, 6 screens for you to get started Mobile sketch.svg

Todos

  • Aking To-Do List App Free UI Kit — Aking is a simple to-do list and an task management app which helps you complete yours. Though you are sharing a food list with your relatives, working on a project or making plan to go on holiday, Aking will help you take note easily, share and complete all the to-do list Mobile sketch.svg

  • Project Management Tool UI Kit — Minimal and clean UI Kit design, 12 screens for you to get started. Each screen is fully customizable, exceptionally easy to use and carefully assembled in Sketch and Adobe XD. Mobile adobe-xd.svg sketch.svg

  • every. UI Kit for Figma — every. is a mobile app concept representing a personal assistant that can help you through your daily office routine Mobile figma.svg

  • Planguru Free UI Kit — 18 beautiful screens designed in Sketch, ready for use in personal and professional projects Mobile sketch.svg

  • Penman App UI Kit — Penman is an iOS notes app with the power of Speech To Text Mobile sketch.svg

  • DO UI Kit — Colourful kit for to-do app with over 130 screens, 10 complete themes, and 250+ components to mix. This kit has totally everything: calendar, walk-through, groups, list, timeline, settings, navigation and much more! It’s retina-ready and available for Sketch, Photoshop and Craft. Kudos to InVision team! Mobile invision-studio.svg

Travel

  • Travel App UI Kit — Travel-inspired UI Kit with 15+ well-organized mobile screens for login, county view, place information, photos, map and much more. It’s packed with a clean design and stunning photos of your next dream destination. Available in Sketch format. Mobile sketch.svg

  • Flight App — Another freebie from Pixelz Studio. Grab it and enjoy. We'll share Freebie every Friday, so stay tuned Mobile sketch.svg

  • Navigo UI Kit — It is UI Kit for the transportation & travel app with social profiles. I loved its colour scheme, nice travel photos and overall great looking designs. Navigo is a huge kit with 60 screens organized in 6 categories: Main App, Onboarding, Activity & Profiles, Stats, Info. Navigo is optimized for iPhone X resolution and available in Adobe XD format. Travel Guide App UI Kit Mobile adobe-xd.svg

  • Harmony UI Kit for Sketch — Location-oriented mobile app concept to find, share and rate hiking places around you Mobile sketch.svg

  • Travel Guide App UI Kit — The app concept has been designed for the iPhone X to showcase a better use of Location Filter and Travel cards. It’s 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. Mobile sketch.svg

  • Travelisto UI Kit — Travelisto is representing an imaginary travel app with over 22 iOS screens designed in vector format. Available in White and Dark versions for Sketch App. Mobile sketch.svg

  • Harmony UI Kit — Location-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’s not so big, it’s made using a pretty cool colour scheme. So worth checking out. Mobile sketch.svg

  • Travel App for Adobe XD — Crafted carefully with all possible features related to travel information services. It contains totally 28 screens. Each screen is fully customizable, easy to use and carefully layered and organized in Adobe XD. Mobile adobe-xd.svg

  • FlyMe - Free Travel App UI Kit — Minimal and clean app design by Farhan. Make traveling fun with new friends and design beautiful with this UI Kit. Mobile sketch.svg

  • Atlas - Free Mobile UI Kit — Atlas is a free travel app UI kit from InVision. Layouts sized for mobile, desktop, and tablet and available in Sketch and PSD formats. Mobile Desktop sketch.svg InVision Stusio

  • Free Travel App Ui Kit — 15+ carefully designed mobile screens, done by 7ninjas. All screens and components are nicely organized. So it will be easy to start working with it. Mobile sketch.svg

  • Real Estate App UI Kit — Very clean UI Kit with 25 artboards organized in 8 pages and categories: Onboarding, Sign In, Permissions, Home, Discovery, and Posts. Available in Sketch format. Mobile sketch.svg

  • Hotelify - Hotel Booking App for Figma — Minimal and clean app design, 14 screens for you to get started with your next booking app. Mobile figma.svg

Watch

  • Apple Watch UI Kit 2.0 — Pack of 10+ App Concepts for Apple Watch with over 5500 Downloads! All screens ready for both 38 & 42mm Apple Watch resolutions. The full package comes with a Apple Watch icon guide as well. Compatible with Sketch 41, Photoshop CC 2015 and later Mobile sketch.svg

  • Smartwatch UI Kit for Adobe XD — Completely free and fully customizable Smartwatch UI Kit for Adobe XD. Enjoy! Mobile adobe-xd.svg

Addendum (Reference & Inspiration)

Awesome Design UI Kits are curated by Lisa Dziuba, Valia Havruliyk & Vladimir Berezovsky from Flawless team. If you found some great design UI Kit, please suggest it. And thanks for making this project awesome :)