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

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.

CSS3 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.

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.

Click To Tweet

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.

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.

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.

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.

Eureka

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

Click To Tweet

Tron Dark

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

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.