下面小编为大家搜集整理了13款顶级的免费UI工具包，全部是由CSS3设计的。有Metro风格的，有极简主义风格的，有响应式的，有专门针对iOS应用的，种类丰富，总有一款适合你。如果你用过其他不错的UI工具包，也请不吝分享哈~

Semantic UI

Semantic UI一出现在Github上就受到火热的关注。Semantic UI最大的特点：完全语义化的编写模式，名称规范统一，直观易懂，可以大大提升开发效率。这对于新手来说也是一款非常容易上手的工具。另外，它充分利用了CSS3动画特效，简洁实用漂亮的样式这些都是其最受欢迎的原因之一。

小编点评：因为Semantic UI目前还在开发阶段，版本为0.18，js存在一些问题和Jquery有些冲突，如果要决定使用Semantic UI作为项目前端开发，可以只使用Semantic UI的CSS，js部分自己编写。

Metro UI CSS

Metro UI CSS是一款用于开发Windows 8 Metro UI风格的开发工具包，这个工具包兼容大多数浏览器，比如IE9+、谷歌、Opera、Safari 和Firefox。这个工具包提供了所有常用的UI元素，如Tiles、images、notices、froms、buttons和typography。

UI.CSS

UI.CSS是一个非常简单易用的极简主义UI工具包，它包含了Web界面设计所需的所有CSS文件样式，包括hover 和 active states。

CSS UI Kit

CSS UI Kit是一个完全由CSS3编码的UI工具集，它包含有所有基本的UI元素，如搜素框、复选框、下拉按钮、单选按钮、页码、Audio UI等等。这款工具目前在Chrome 和 Safari下运行良好，但在IE、Firefox和Oprea下面还存在一些问题。

Designer CSS UI Kit

这款工具包包含了常用的用户界面元素和字体，支持大多数常用浏览器。

CSS3 UI Kit

可以创建出干净、简单的Web界面的CSS3 UI工具包，提供菜单、面板元素和按钮等常用元素。

Icon Deposit CSS3 UI Kit

它包含所有必备的Web UI元素，还提供了大量的PSD文件，便于设计人员修改。

Gumby Framework UI Kit

Gumby Framework是一个全新的响应式960 Grid CSS框架，它的网格系统是高度可自定义的，并且可以轻松建立你自己所需的设计模型。

Massive CSS3 UI Kit

Massive CSS3 UI Kit提供了种类丰富的UI元素，这些元素全部都是基于CSS3的。它只提供了一种图像用于创建下拉箭头，无需JavaScript，无需额外的标记。每个UI元素都定义了一个禁用样式。

CSS Grid UI Set

CSS Grid UI Set提供了干净的图标和独特的Dark风格UI。这个UI包是基于HTML/CSS的。

Pure CSS UI Kit

顾名思义，这个UI工具包是完全基于CSS的。

Lion CSS UI Kit

Lion CSS UI Kit可以为Mac OS X Lion原生app设计原型图，对于网页设计师来说是一个非常容易上手的工具。这个工具包是专为基于Webkit的浏览器设计的，不过它在其他支持渐变和flexboxes的浏览器中也能运行良好。

CSSUIKit

CSSUIKit是一个专门针对iOS设备的UI工具包，提供iOS必须的所有UI元素。有了这个工具包，用户可以设计出流畅的iOS应用模型。

ByTop 12 Free CSS UI Toolkits