16 Free Flat CSS & PSD UI Kits

Flat design is a graphic design style that puts the product and content first. This minimal approach removes unnecessary details in an interface and boils the design down to the core functionality. There are no shiny buttons, bevels or bezels, and especially no photorealism (also known as skeuomorphism, like the torn pages on the iPhone Notes app). By including only the elements that are necessary, a designer can create an elegant and responsive easy-to-use interface quickly. It’s an incredibly popular style nowadays. So here are 12 Free Flat CSS & PSD UI Kits that can be utilized on any web project.

Flat UI Kit

To help you take the leap into flat design we’ve put together this great freebie: A free flat UI kit designed especially for Webdesigner Depot by Freepik. As you know, Freepik.com is a leading search engine that indexes vectors, PSDs and photos free for personal and commercial use. It’s a great resource for graphic designers as their engine locates free graphic content and it displays the results in an orderly layout for easy access.

flat-ui-13

Flau Ui Kit Psd Freebie

Great package for starters, save your time using this small kit on your next project! Ideally for web app dashboards, mobile app designs, websites, etc..

flau_ui_kit_psd

SmoothBerry – Free UI Kit

The Smoothberry Flat UI kit comes loaded with cool buttons, menu items, text edits, radio buttons, check buttons, search bar, drop down menu etc. The best thing about our Smoothberry Flat UI kit is that it comes at no price – it’s Free!

smooth_berry_ui

BOOTFLAT

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

Bootflat

Almost Flat UI

It uses Foundation Framework and is heavily inspired from Flat UI Free by designmodo.

flat-ui-kits-1

Flat UI Free

Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers.

flat-ui-kits-2

Flat UI Blog

Flat design is the latest buzz and Riki has put together a nice example with this collection of blog widgets. The well organized PSD contains resizable

flat-ui-kits-3

Metro UI kit

Colorful Metro UI kit for free download and any use. Collection of blocks: calendar, stats, chart, icons, menu, search and account. All designed in Metro style.

flat-ui-kits-4

Flat UI PSD

flat-ui-kits-5

FREE flat UI kit

flat-ui-kits-6

Freebie PSD: Flat UI Kit

flat-ui-kits-7

UI Kit

flat-ui-kits-8

Flat dashboard. Free UI kit PSD

Flat UI dashboard PSD. Included: full page layout, navigation, drop down user panel, area graph, bar charts, circular segment graph, input elements, range slider, switches, buttons, widget areas.

free-flat-ui-kits-9

Gumby

Metro style and semi-flat design are all the rage nowadays. Gumby 2’s new, rearchitected UI kit embraces the latest design trends and allows you to pick and choose, or even mix flat design with more graduated design styles.

free-flat-ui-kits-10

Metro UI CSS

Metro UI CSS allows to create a Web site in the style of Windows 8 quickly and without distractions on routine tasks.

free-flat-ui-kits-11

ui.css

UI.CSS is a simple UI toolkit to create minimalist, clean user interfaces for web.

free-flat-ui-kits-12

Ui Kit

PSD UI kit that includes a set of beautiful components, which can be used to create websites and applications.

flat-ui-psd

3 Comments

  1. Méhsays:

    Great works here thank you

  2. Dean Mclaughlinsays:

    http://flatfreebies.com has a nice collection of free flat UI kits 🙂

  3. Stevesays:

    Here’s another Free Metro UI PSD: http://freepsdfiles.net/buttons/metro-ui-psd-set/

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.