Technology news site

14 Free Pure CSS UI Kits You Should Consider


There was a time when Pure CSS meant that no images are used here but these days it means that this resource does not require any JavaScript support. I have also tried to gather the CSS UI kits that do not require any JavaScript support, but except for one, none of these use any images. So these resources comply with both criteria.

The list was compiled by Ayaz Malik on designzzz.com and you can see the kits below;


Pure is the latest and one of the most popular CSS UI kits out there. It includes a wide range of elements. It can take care all of your user interface needs in a website or web based app. This is not just a UI kit but a whole framework in itself.

Pure CSS UI Kit


It’s so nice to see that the upload button does actually work. This is something we don’t usually get in CSS UI kits.


Hand-coded CSS3 UI Kit

This free UI Kit is coded by hand using HTML5 and CSS3 so you can easily drop these elements into any project you’re working on. It comes with 6 color variations.

Hand coded CSS3 UI Kit

Metro UI

Metro is a bootstrap based UI kit that has additional option for including jQuery effects. A built-in jQuery file comes along with the CSS UI kit and you have the option to use it or avoid it.

Metro UI CSS

Icon Deposit UI Kit

This UI looks absolutely amazing. But of course, some amazing stuff comes at a price. Here, the price is images. This UI kit uses images to give out these sweet results.

Icon Deposit UI Kit


Gumby CSS Framework

Even though Gumby is a full fledged CSS framework but it does include a brilliantly designed pure CSS UI kit. That’s the reason I decided to include it in this list.

Gumby CSS

Solid User Interface Kit Freebie

I have personally used this UI kit. It works nicely in almost all of the browsers. Another thing I really liked is that all of the styles are cataloged in a neatly in CSS comments.

Solid UI Kit

Lion UI Kit

The kit is based on Xcode components on OS X Lion. Since the kit is for prototyping OS X apps, it’s mainly made for Webkit, but should work mostly fine in any browser that supports gradients and flexboxes.

Lion CSS UI Kit


You can edit it live but the amount of elements is pretty limited.


Tron Dark

This is a set of dark UI elements but like the one above, it also doesn’t include a large collection.

Tron Dark

Light UI Kit

This is a new freebie. I have never used this one but it does seem intriguing enough so I will use it in my future projects. If you have tried it, please share your opinion in the comments.


That’s it for tonight everyone. See you tomorrow.

HTML Snippets Powered By : XYZScripts.com