Design

20 Free Top Shelf UI Kits for Web Designers

June 6th, 2011

When it comes to web design, the UI elements that are included can, at times, make or effectively break (in more ways than one) the overall piece. Compromising the aesthetics and even the functionality of the design rendering it virtually useless. So we have to choose the UI elements carefully. Too subtle, and some users may not pick up on them. Too bold, and you risk compromising the fine balance between elements that can really tie the entire piece together.

So today we have brought our web design readers a little treat. We have collected 20 top shelf UI kits that can help you add that special touch of class to your web design projects. All of these fantastic kits are available for free for both personal and commercial use. Most of the downloads consist of layered psd files unless otherwise noted.

Get Your Kit On!

Got Wood UI Design Elements by Tony Thomas

UI Kit by Raj Ramamurthy – The link will take you to the comment where you can download the UI kit. The kit is almost entirely CSS (only two small images are used)

Black UI Kit by Alex Patrascu

Moonify UI by jlofstedt

Black UI Kit by Jonathan Moreira

Fuel UI Design Kit by Jeff Olson

Snow Modern UI Kit by MediaLoot

Web Elements by Dillen Verschoor

Dark UI Element Set by Ryan Forgan

Sepia GUI Elements by takuji ikeda

Light UI PSD by Matt Wadsworth

Simple UI Elements by Adrian Pelletier

Spring GUI by Jon Ovander

E-Commerce Steps UI by Mateusz Dembek

Web Kit Interface Layout Pack by Gianluca Giacoppo – Comes in 6 colors (blue, yellow, gray, green, red and purple)

Modern Web UI Set by Dimi Arhontidis

Soft UI Kit by Design Kindle

UI Kit by Dany Duchaine

Big Block UI by Adrian Pelletier

A Hand Coded Designer CSS UI Kit – Another CSS kit using HTML5 and CSS3

(rb)

Robert Bowen is an emerging author, celebrated podcaster and poet, and most recently the co-founder and imaginative co-contributor of the creative design and blogging duo at the Arbenting and Dead Wings Designs.

Tags: ,

Sort by:   newest | oldest | most voted
Ryan Forgan
Guest
5 years 1 month ago

Thanks for including my Dark Purple Ui set :)

This is a very nice collection and i hope to make more clean light designs,thanks

Robert Bowen
Guest
Robert Bowen
5 years 1 month ago

Glad that we could feature it! Awesome work!

Nathan
Guest
5 years 1 month ago

Very nice collection! Moonify UI by jlofstedt is definitely my favourite, great work.

Mateusz Dembek
Guest
5 years 1 month ago

E-Commerce Steps UI by PixelsDaily – This ui is not made ??by PixelDaily – just by me ;) ! Please change this!

Robert Bowen
Guest
Robert Bowen
5 years 1 month ago

Thanks for the heads up, Mateusz (not to mention the awesome work). It has been changed. ;)

Mateusz Dembek
Guest
5 years 1 month ago

Thanks Robert :)

Robert Bowen
Guest
Robert Bowen
5 years 1 month ago

No, I thank you. I completely overlooked the icon on the site indicating who made it. It wasn’t until seeing your avatar here on your comment that I recognized the icon on PixelsDaily for what it was. :)

Justin
Guest
5 years 1 month ago

This is a very handy resource, especially for the less design orientated web developers among us!

I like the E-Commerce Steps UI form validation styles.

Robert Bowen
Guest
Robert Bowen
5 years 1 month ago

Glad that it comes in handy. These designers have really created some stellar work to make our lives easier. Always nice to be able to shine a spotlight on them!

Mateusz Dembek
Guest
5 years 1 month ago

Thanks Justin :) (check my other freebies form http://dembsky.deviantart.com/gallery/29848945 ;)

Justin
Guest
5 years 1 month ago

Thanks for that link. That login form looks great, something I could use. Good idea releasing some free PSD designs.

Mmmm, cheesecake :-)

Mateusz Dembek
Guest
5 years 1 month ago

No prob Justin ;) btw. Soon it available PSD file of this work: http://dribbble.com/shots/189601-News-Stand ;)

Mason Hipp
Guest
5 years 1 month ago

Hey Guys,

Thanks for including so many MediaLoot resources on the list! Freebies are pretty awesome :-)

Also, in case anyone is interested, the “Got Wood” UI kit at the top is designed by Tony Thomas.

Cheers,

— Mason

Robert Bowen
Guest
Robert Bowen
5 years 1 month ago

Thanks, Mason. MediaLoot certainly has some great resources!

Also, I appreciate the name of the designer. I looked around on the site but didn’t see it anywhere. I’m glad you dropped that by!! :)

nik
Guest
nik
5 years 1 month ago

Uhm, Scrollbars?

Robert Bowen
Guest
Robert Bowen
5 years 1 month ago

Yup! And buttons, and progress bars, and menu elements, oh my!

Dimi
Guest
5 years 1 month ago

Thanks for including my Modern web UI kit hope you guys find it useful! Cheers!

George Dina
Guest
5 years 1 month ago

Thank you very much for sharing these resources.
As always, you on noupe are awesome.

appsease
Guest
5 years 1 month ago

this is really cool, heaven for me

inspirationfeed
Guest
5 years 1 month ago

Great collection, wish our UI PSD we recently published would be mentioned.

Robert Kleffner
Guest
5 years 1 month ago

Really great stuff here, I’ll definitely think about using some of these in my future projects. Much credit to all the great designers.

Crowdfinch
Guest
5 years 1 month ago

I’m impressed very informative.thank you for this blog.

Mario
Guest
Mario
5 years 1 month ago

Any suggestion what UI kit should I use to design a social network for travel? Thanks

Paul
Guest
Paul
5 years 1 month ago

sick, thanks!

Bindi
Guest
5 years 1 month ago

Nice collection! and very useful.. thanks

darryl brocklesby
Guest
5 years 1 month ago

Been looking for these sort of UI for ages and then you get them all on one website

Sarah Meares
Guest
5 years 1 month ago

These are beautiful. Thanks for the time-savers! Great work everyone.

alex
Guest
alex
4 years 3 months ago

VERY NICE BUT, HOW DO YOU INSTALL THEM………..

Jack
Guest
4 years 3 months ago

thanks for this share.
i like the silver and red one.

wpDiscuz