下面小編為大家搜集整理了13款頂級(jí)的免費(fèi)UI工具包，全部是由CSS3設(shè)計(jì)的。有Metro風(fēng)格的，有極簡(jiǎn)主義風(fēng)格的，有響應(yīng)式的，有專門針對(duì)iOS應(yīng)用的，種類豐富，總有一款適合你。如果你用過(guò)其他不錯(cuò)的UI工具包，也請(qǐng)不吝分享哈~

Semantic UI一出現(xiàn)在Github上就受到火熱的關(guān)注。Semantic UI最大的特點(diǎn)：完全語(yǔ)義化的編寫模式，名稱規(guī)范統(tǒng)一，直觀易懂，可以大大提升開(kāi)發(fā)效率。這對(duì)于新手來(lái)說(shuō)也是一款非常容易上手的工具。另外，它充分利用了CSS3動(dòng)畫特效，簡(jiǎn)潔實(shí)用漂亮的樣式這些都是其最受歡迎的原因之一。

小編點(diǎn)評(píng)：因?yàn)镾emantic UI目前還在開(kāi)發(fā)階段，版本為0.18，js存在一些問(wèn)題和Jquery有些沖突，如果要決定使用Semantic UI作為項(xiàng)目前端開(kāi)發(fā)，可以只使用Semantic UI的CSS，js部分自己編寫。

Metro UI CSS是一款用于開(kāi)發(fā)Windows 8 Metro UI風(fēng)格的開(kāi)發(fā)工具包，這個(gè)工具包兼容大多數(shù)瀏覽器，比如IE9+、谷歌、Opera、Safari 和Firefox。這個(gè)工具包提供了所有常用的UI元素，如Tiles、images、notices、froms、buttons和typography。

UI.CSS是一個(gè)非常簡(jiǎn)單易用的極簡(jiǎn)主義UI工具包，它包含了Web界面設(shè)計(jì)所需的所有CSS文件樣式，包括hover 和 active states。

CSS UI Kit是一個(gè)完全由CSS3編碼的UI工具集，它包含有所有基本的UI元素，如搜素框、復(fù)選框、下拉按鈕、單選按鈕、頁(yè)碼、Audio UI等等。這款工具目前在Chrome 和 Safari下運(yùn)行良好，但在IE、Firefox和Oprea下面還存在一些問(wèn)題。

這款工具包包含了常用的用戶界面元素和字體，支持大多數(shù)常用瀏覽器。

可以創(chuàng)建出干凈、簡(jiǎn)單的Web界面的CSS3 UI工具包，提供菜單、面板元素和按鈕等常用元素。

它包含所有必備的Web UI元素，還提供了大量的PSD文件，便于設(shè)計(jì)人員修改。

Gumby Framework是一個(gè)全新的響應(yīng)式960 Grid CSS框架，它的網(wǎng)格系統(tǒng)是高度可自定義的，并且可以輕松建立你自己所需的設(shè)計(jì)模型。

Massive CSS3 UI Kit提供了種類豐富的UI元素，這些元素全部都是基于CSS3的。它只提供了一種圖像用于創(chuàng)建下拉箭頭，無(wú)需JavaScript，無(wú)需額外的標(biāo)記。每個(gè)UI元素都定義了一個(gè)禁用樣式。

CSS Grid UI Set提供了干凈的圖標(biāo)和獨(dú)特的Dark風(fēng)格UI。這個(gè)UI包是基于HTML/CSS的。

顧名思義，這個(gè)UI工具包是完全基于CSS的。

Lion CSS UI Kit可以為Mac OS X Lion原生app設(shè)計(jì)原型圖，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)是一個(gè)非常容易上手的工具。這個(gè)工具包是專為基于Webkit的瀏覽器設(shè)計(jì)的，不過(guò)它在其他支持漸變和flexboxes的瀏覽器中也能運(yùn)行良好。

CSSUIKit是一個(gè)專門針對(duì)iOS設(shè)備的UI工具包，提供iOS必須的所有UI元素。有了這個(gè)工具包，用戶可以設(shè)計(jì)出流暢的iOS應(yīng)用模型。

By