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

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

小編點評：因為Semantic UI目前還在開發(fā)階段，版本為0.18，js存在一些問題和Jquery有些沖突，如果要決定使用Semantic UI作為項目前端開發(fā)，可以只使用Semantic UI的CSS，js部分自己編寫。

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

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

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

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

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

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

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

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

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

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

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

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

By