Line25

20 Free UI Kits & Icons For Your Flat Web Designs

Read the full post

Love it or hate it the trendy flat style of web design is here to stay. If you’re looking to implement the flat style into your own designs, here’s a few resources to get you started. In this post I’ve rounded up all the best flat UI kits and icon packs to arm you with a range of quality tools for creating pixel perfect app and web interfaces.

Flat UI by Designmodo

Flat UI by Designmodo

Flat UI Kit by Web Designer Depot

Flat UI Kit by Web Designer Depot

Flat UI Kit by Riki Tanone

Flat UI Kit by Riki Tanone

Flat UI Kit by Devin Schulz

Flat UI Kit by Devin Schulz

Eerste Flat User Interface Kit by Design Your Way

Eerste Flat User Interface Kit by Design Your Way

Metro UI Kit by Tempees

Metro UI Kit by Tempees

Square UI Free by Designmodo

Square UI Free by Designmodo

UI Kit by Abhimanyu Rana

UI Kit by Abhimanyu Rana

Flat UI by Andy Law

Flat UI by Andy Law

Flat UI Kit 2 (Blog) by Riki Tanone

Flat UI Kit 2 (Blog) by Riki Tanone

Flat UI Kit by Zachary VanDeHey

Flat UI Kit by Zachary VanDeHey

Free Colorful Icons by Michael Dolejš

Free Colorful Icons by Michael Dolejš

Free Flat Icons by Jan Dvořák

Free Flat Icons by Jan Dvořák

Free Flat Icons by Buatoom

Free Flat Icons by Buatoom

Flat Icons Freebie by Seevi

Flat Icons Freebie by Seevi

Free Flat Social Media Icons by Designmodo

Free Flat Social Media Icons by Designmodo

Linecons Icon Set by Designmodo

Linecons Icon Set by Designmodo

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://edansa.co.uk simon cotterell

    I’m getting gradient withdrawal symptoms

  • http://www.webdesignessex.net/ Reece

    Hey, this is a great post – really enjoyed reading best flat UI kits! I’ll be sure to bookmark this site as i’m really impressed by your selection, especially; the Flat UI Kit’ by Zachary VanDeHey. Thank you!

  • http://mailstache.com Dan

    Excellent round up, I’ve really been getting into flat design recently!

  • http://www.hitechrepairs.com Nick Davidson

    I came to your site and Im glad I did.

    We are looking at moving our site onto a flat design and some of these are fantastic. Especially the one by Andy Law.

    Many thanks,

    Nick

  • http://isadex.com/design/custom_design.asp Adam

    Nice collection. Thanks!

  • http://himguevara.wordpress.com Elohim

    Wow =)

  • http://www.el-abda3.com el-abda3.com

    thanks you rock :)

    :)

  • http://www.enfusionweb.com Ahmed Ali

    As always Chris, pleasure reading your posts!. Its good to know to see people giving these for FREE!

  • umair

    please chirs publish psd to wordpress i love this type of tutorials thanks.

  • http://techmell.net/ Albert

    I just love Metro UI designs after the launch of Windows 8. But the metro UI kit design should have clear tiles short tiles on lower distance, it’s quite different from real Windows tiles. Anyways, i still like this metro design. :)

  • http://activecomputing.ca/ Active Computing

    Very cool designs!

  • http://aviatstudios.com AviaT-

    Wonderful collection!

    I’ve designed some of my own and would love to hear your thoughts on them.

    http://aviatstudios.com/2013/06/19/free-flat-social-media-icons/

    P.S. Love the re-design of this by the way.

  • http://tomdurkin.me Tom Durkin

    Great collection, thanks for putting these together. Think I’ll be using the blog kit by Riki Tanone very soon!

  • http://markpeckart.com Mark Peck
  • http://www.rehmanbaigmirza.com Rehman Baig Mirza

    Wow!! Thanx for sharing :)

  • http://chompdigital.com Chomp Digital Design

    Killer share Chris, nice job on sharing these designs. Flat designs are in right now and a lot of our clients have been requesting them left and right. Personally I’m not too fond of the metro designs, but the rest are super clean and elegant.

  • http://www.creativepearson.com David Pearson

    If only microsoft had used some of these when designing the new hotmail/live..

  • http://www.delhiseoconsultancy.info/ delhiseoconsultancy

    Awesomeness is in the simplicity, i am always finding the stuff like that..and the comment box font is also interesting! i like to say it as .. i nice website with beautiful collection.

  • http://www.chompdigital.com Justin Y

    I was having a hard deciding which one of these kits is my favorite, but I’m going to say that Devins kit is the cleanest out of the bunch.

  • http://www.superboffers.net Ankit

    Great Post. Really helped me especially with the flat icons. Got me going.
    Thanks for the awesome help you have provided by compiling all these. Good luck.