10 Free Pure CSS UI Kits

We have covered UI kits many, many times before. But never have the kits been exclusively built with CSS. All 10 of the kits below have been coded beautifully using CSS3 techniques and all include a range of common web UI elements.

This post has been in the pipe-line for a very long time, that only goes to emphasizes the rarity of a good pure CSS UI kit. Hope you enjoy them.

(If anybody knows of any more, please do post a link in comments below).

Pure CSS UI Kits

ui.css

ui.css is a tool for creating clean user interfaces for the web

ui.css is a tool for creating clean user interfaces for the web. The download includes a css file with styles for all the elements, including :hover and :active states.

ui.css →

CSS3 UI Kit

CSS3 UI Kit

CSS3 UI Kit →

Designer CSS UI Kit

Designer CSS UI Kit has been designed and hand-coded from scratch in HTML5 taking advantage of modern CSS3 techniques

This UI kit has been designed and hand-coded from scratch in HTML5 taking advantage of modern CSS3 techniques and includes a range of common user interface elements and font stacks, including: Buttons, menus, tabs, form elements and much more.

Designer CSS UI Kit →

CSS3 UI Kit

small set of CSS3 UI elements includes Menus, form elements and buttons

This small set of CSS3 UI elements includes: Menus, form elements and buttons.

CSS3 UI Kit →

Icon Deposit CSS3 UI Kit

the Icon Deposit CSS3 UI Kit includes everything from GUI switches and buttons, to radio buttons and check-boxes

This CSS3 UI kit includes everything from GUI switches and buttons, to radio buttons and check-boxes. Within the download package they have also included the Photoshop PSD file.

Icon Deposit CSS3 UI Kit →

CSS User Interface UI Kit

The Gumby Frameworks huge UI Kit includes buttons, menus, form elements, tabs, toggles, and much, much more

The Gumby Framework's huge UI Kit includes buttons, menus, form elements, tabs, toggles, and much, much more.

CSS User Interface UI Kit →

Metro UI CSS

Metro UI CSS is a set of styles to create a site with an interface similar to the Windows 8 Metro UI

Metro UI CSS is a set of styles to create a site with an interface similar to the Windows 8 Metro UI

Metro UI CSS is a set of styles to create a site with an interface similar to the Windows 8 Metro UI

Metro UI CSS is a set of styles to create a site with an interface similar to the Windows 8 Metro UI. The set of styles developed as a self-contained solution, although it can be used as an addition to any other CSS framework.

Metro UI CSS →

Massive CSS3 UI Kit

Massive CSS3 UI Kit offers a huge assortment of UI elements made in nearly only CSS

This kit offers a huge assortment of UI elements made in nearly only CSS (only one image used for the dropdowns arrow).

Massive CSS3 UI Kit →

CSS Grid UI Set

CSS Grid UI Set

CSS Grid UI Set →

Pure CSS UI Kit

Pure CSS UI Kit

Pure CSS UI Kit →

Author: (608 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments