In contrast to skeuomorphic design, flat design focuses on simple shapes, colors and typography to emphasize clarity and usability. It was a term coined by Allan Grinshtein of LayerVault in his post “The Flat Design Era,” published last year. The release of iOS 7 proved flat design is no longer a passing fad, but rather a step forward.
The flatness of style means simplifying interface elements, removing extraneous elements and decoration — such as bevels, gradients and textures — to create a crisp, clean design that focuses on hierarchy.
To help you get started with flat design, we have compiled 36 beautifully designed premium and free UI PSD kits, each featuring a variety of interface components and elements for use in your projects.
Are there any flat design UI kits you would recommend? If so, please share the link in the comments below with our readers.
1. Flat UI Pro
Flat UI Pro is based on Twitter Bootstrap and designed in a flat style, containing a large number of basic components, icons and glyphs. The kit also includes a PSD version.
2. Flat UI Free
Flat UI is a free resource from Designmodo, and contains the basic major elements of a web interface for use in design.
A free Flat UI kit designed by Freepik, this contains all of the essential user interface components, even providing graphs and user profiles.
This is a free UI Kit aimed at blogs and magazines, which includes a wide range of components that can be used to create clean, colorful websites.
The Vertical Infinity UI Kit contains a large array of components, from menus, dropdowns, widgets, buttons and media players to forms and pagination. It’s also optimized for retina displays.
This is a Flat UI PSD kit designed by Riki Tanone, with a calendar widget, maps, tags and more.
This UI Kit from Devin Schulz has a creative set of components, including navigation, input boxes and buttons.
Metro Vibes is a gorgeously designed premium UI Kit designed by Mike from Creative Mints and available on PixelKit, which pays supreme attention to details and features beautiful colors.
This kit is another free offering from Riki Tanone, featuring more UI components, including a media player and user profiles.
A comprehensive UI kit from Sarah Justine, every element in Featherweight is vector based, retina-ready and distributed through layers. Text and colors are easily editable, with projects that are completely free for personal or commercial use.
11. Flat Web UI Kit
This is a premium flat GUI package that includes the design of form elements, controls, widgets, forms and loaders.
This is a summer-inspired UI Kit that is free to download as a PSD, and comes with weather widgets, a media player and navigation elements.
A Home Improvement inspired UI Kit from Hüseyin Yilmaz, this kit has the major UI components, including profiles, media players and forms.
14. Square UI
Square UI is a premium user interface pack including a set of beautiful and pure components, ideal for fast prototyping. There is also a free version available to download.
A colorful UI Kit from Jamie Syke, this resource comes with an interesting mix of components and imagery and is available as a free PSD.
16. Flat Beach GUI
A summery, pastel-themed beach GUI from Mike Clarke, Flat Beach GUI is available as a free PSD and includes buttons, widgets and media components.
A summer-inspired UI Kit from Zachary VanDeHey, available as a Free Adobe Illustrator file, which features widgets, buttons, profiles, icons and a media player.
Design Shock’s Flat GUI is available in either a premium or free version, featuring an enormous number of components and elements.
This is a responsive flat UI kit that uses only two colors, so it’s extremely easy to edit and comes packed with widgets and interface components. It is available as a free PSD.
Tempees offers a flat UI design kit for your applications or websites, which includes various styles of buttons, icon menus, profile blocks and widgets. It is available as a free PSD download.
A well-organized, free flat UI kit from Design Your Way, Eerste Flat UI Kit includes numerous graphical elements, including menus, social media profiles, comment forms, pricing tables, video players, calendars and more.
22. Metro UI Kit
The Metro UI Kit is another excellent free download from Tempees, and is a Microsoft Windows-inspired PSD featuring stats, charts, calendar, menus and search styles.
A gorgeously designed UI kit from Abhimanyu Rana pays great attention to detail and color, featuring widgets, media players and user profiles.
This impressive flat UI PSD is available for free download or on Creative Market (with lifetime updates). It features a slick color scheme, styling, media player, widgets and more.
A beautifully designed UI Kit from Piotr Kwiatkowski, this is available as a free PSD and features widgets, charts, galleries, maps and a checkout cart.
Simple & Bold UI Elements is a free PSD kit from Gentian Edwards, featuring button states, news feeds, media players, list menus, sign-in panels, calendar widgets and more.
A Flat UI Kit from Asim Craft of Vectornpixel, which contains form fields, buttons, navigation, photo hovers and more. It is available as a free PSD download.
This free UI elements kit from Andreea Nicolaescu features menus, media players, buttons, sign-in forms, calendars and dropdown lists, and is available as a free PSD download.
The E-Commerce UI Kit is available as a free PSD download, and contains various UI elements for use in ecommerce projects, all of which are easily editable as shape layers.
The Flat UI elements kit from Andrew Beckwith is a high quality free PSD, featuring gorgeously designed widgets and components with great attention to typography.
31. Polaris UI Kit
Polaris UI Free is a beautiful set of UI components that includes edit boxes, buttons, navigation and widgets for use in your design projects.
This is a free UI kit from Visual Creative that features a media player, buttons, a clock, login forms and user profiles. It is available as a PSD download.
The Flat UI dashboard PSD from Pro Web Design is available for free and includes navigation, drop down user panels, area graphs, bar charts, circular segment graphs, input elements, range sliders, switches, buttons and widget areas.
Another high quality UI kit from Hüseyin Yilmaz, this one features a dark design, and includes social media buttons, widgets, contact forms and navigation.
This is a clean, well organized UI Kit from WeCreate, available as a Free PSD download. It is easily editable, containing several major interface components.
This is a simple, well organized UI kit from Alexandre Crenn, which also features a flat iPhone wireframe design.