21個前端CSS框架匯總（只分享好東西）

HI，Man！本文出處：21個前端CSS框架匯總（只分享好東西）

bootstrap被很多前端所認可，近幾年也出現了大量的前端CSS框架，我們這兒做個簡單的總結。後邊也會不定時更新。

以下排名暫不分先後，但的確都挺好。

1、Fbootstrapp

Fbootstrapp基於Bootstrap實現facebook風格的前端開發框架

訪問地址：Fbootstrapp基於Bootstrap實現facebook風格的前端開發框架 - 腳本代碼 - 資源分享 - 問說網

備註：不要問我Facebook是什麼，我也不知。

2、easyUI

jQuery easyui提供了一個完整的組件的集合，包括強大的DataGrid，樹網格，面板。用戶可以使用他們跨瀏覽器的網頁應用。

訪問地址：JQuery EasyUI中文網

備註：文檔可以，建議使用。

3、jQuery MiniUI – 專業WebUI控制項庫

訪問地址：jQuery MiniUI - 快速開發WebUI

備註：專業的，其實也就是老舊的。看起來很有專業感，其實也就是不酷炫的意思。

4、Foundation

迄今為止最好的響應式前端框架，更快、更輕、更多功能、更靈活、更強大！

訪問地址：Foundation中文網 | 方便更多熱愛Foundation中文網框架的攻城師們分享、交流自己在前端設計、開發方面的心得。

備註：就如同所說的，很屌。

5、bootstrap

是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式布局、移動設備優先的 WEB 項目。

訪問地址：Bootstrap 中文文檔 · Bootstrap 是世界上最流行的、移動設備優先的、響應式前端開發框架。

備註：我給的是第三版訪問訪問地址

6、集中說幾個老牌的

blueprint：老牌的柵格化系統，組件重多。

訪問地址：Blueprint: A CSS Framework

備註：英文文檔，呵呵噠。

960grip：老牌柵格化系統

訪問地址：CSS框架960Grid從入門到精通一步登天-五嶽之巔-ChinaUnix博客

備註：被新的取代了。

Yui：Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。

訪問地址：YUI Library

備註：英文文檔，隨著yahoo的沒落，這東西也使用範圍降低了。

7、bluetrip

一個混合式的框架：blueprint+Tripoli

訪問訪問地址：BlueTrip：含有全部功能的 CSS Framework

備註：不純的框架，卻號稱全功能，隨你怎麼看了。

8、BlendUI

不僅僅提供了基本組件按鈕、標籤、文本、圖標、圖片等，還提供了對話框、圖集瀏覽、幻燈片、地圖、日曆、訂單等富應用組件，從元素生成、頁面布局再到交互呈現每一步都簡單易用；商家可以按需組合，像拼積木一樣開發移動應用。

訪問訪問地址：BlendUI - clouda移動web開發框架

備註：來自百度的最新前端框架，還需要說啥不？

9、jQuery UI Bootstrap

它是jQuery UI和Bootstrap的集成，它是Bootstrap樣式的，因此外觀比較漂亮，同時它擁有jQuery UI的控制項功能，這也方便開發者快速地創建一個網頁控制項。

訪問地址：jQuery UI Bootstrap

備註：

10、bui

BUI是基於jQuery的UI類庫

訪問地址：快速上手

備註：集成度比較高，但此類框架還有眾多。後邊專門講後台管理框架吧。

11、BootMetro – Metro風格的CSS框架

BootMetro是一款基於Bootstrap的前端UI框架，BootMetro的特點是可以很方便地構建類似Windonws 8扁平化風格的網頁界面，效果非常不錯。

訪問地址：aozora/bootmetro

備註：聽這metro名字，你大概就懂了。更可悲的是，竟然沒有中文版文檔。呵呵噠。

12、Flat UI – 扁平風格 UI 工具包

Flat UI是一套精美的扁平風格 UI 工具包，基於 Twitter Bootstrap 實現。這套界面工具包含許多基本的和複雜的 UI 部件，例如按鈕，輸入框，組合按鈕，複選框，單選按鈕，標籤，菜單，進度條和滑塊，導航元素等等。

訪問地址：Flat UI

備註：沒有中文文檔吧。

13、網易CSS框架 NEC

訪問地址：http://nec.netease.com/framework

備註：網易出的，只是湊熱鬧的，官網界面丑到爆。

14、Alloy UI – 功能強大的CSS UI框架

Alloy UI是基於YUI 3的前段UI框架，包含一套豐富的（超過60）UI 部件，如圖片庫，對話框，樹形結構，面板，自動完成，按鈕，日曆控制項，工具條等。

訪問地址：AlloyUI

備註：長相不錯，推薦使用

15、Cardinal – 移動端的CSS UI框架

Cardinal 是一個小型的移動優先的 CSS 框架，提供很多有用的默認樣式、可縮放排版、可重用模塊和一個簡單的響應式表格系統。

訪問地址：Cardinal ? Build more with less.

備註：英文，不說什麼，功能還是挺多。

16、後台UI開發框架 MuseUI

一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。

訪問地址：muse/museui - 碼雲 - 開源中國

備註：我還沒找到官網

17、渴切：現在叫slice了

始於2009年，國內首款響應式html5/css3框架，

訪問地址：切圖框架 slicy 官網

備註：國內的，專業做前端，改了幾次名了。

18、Amaze ~ 妹子 UI

中國首個開源 HTML5 跨屏前端框架

訪問地址：中國首個開源 HTML5 跨屏前端框架

備註：中國，你懂的。

19、UIKit-一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面

為您提供了全面的HTML、CSS及JS組件，

訪問地址：UIkit中文網

備註：文檔非常好，官網很好看，中文。

20、Amazium

A minimalist CSS framework

訪問地址：Amazium Site

備註：看到英文了吧，你懂的，但英文文檔還是可以的。

21、layerUI-基於layer的UI

訪問地址：http://layer.layui.com

備註：國內的，做得還是可以的，基於layer.js新增了大量UI組件。

附錄：

給個綜合的框架推薦訪問地址：除了Bootstrap，還有什麼其他前端UI庫？ - SegmentFault