隨着人們對體驗的極致追求，web頁面設計也面臨着新的挑戰，不僅需要更人性化的設計理念，還需要設計出更酷炫的頁面。作為web前端開發人員，運用開源資源，更快更好地實現一些現代化的界面，是必備技能之一。下面小編就分享10個頂級的CSS UI開源框架，有興趣的童鞋可以一起看看看。
1、Bootstrap– 最流行的Web前端UI框架
Bootstrap是由twitter公司推出的Web前端UI框架，由Twitter的設計師Mark Otto和Jacob Thornton合作開發的，是一個CSS/HTML框架，常用語php等后端開發中。這個框架使用了最新的瀏覽器技術，Bootstrap提供了時尚的排版樣式，表單，buttons，表格，網格系統等等。（關於Bootstrap的具體運用，大家可以看看《Bootstrap視頻教程》）
2、jQuery UI - 基於jQuery的開源Javascript框架
jQuery UI是一款基於jQuery的開源Javascript框架，主要提供了用戶交互、動畫、特效和可更換主題的可視控件，使得開發者可以更方便地實現網頁交互界面。雖然jQuery UI的整個框架比較龐大，但這個框架有一個好的地方就是，你可以根據自己需要使用的功能生成適合自己的框架底層。
3、jQuery UI Bootstrap
jQuery UI Bootstrap從其命名來看，我們應該就不難發現它是jQuery UI和Bootstrap的集成。樣式是Bootstrap的，外觀比較漂亮，同時擁有jQuery UI的控件功能，開發者快速地創建網頁控件。
4、BootMetro- Metro風格的CSS框架
BootMetro是一款基於Bootstrap的前端UI框架，其特點是可以很方便地構建類似Windonws 8扁平化風格的網頁界面，效果非常不錯。
5、Flat UI- 扁平風格 UI 工具包
Flat UI是一套精美的扁平風格 UI 工具包，基於 Twitter Bootstrap 實現。這套界面工具包含許多基本的和復雜的 UI 部件，例如按鈕，輸入框，組合按鈕，復選框，單選按鈕，標簽，菜單，進度條和滑塊，導航元素等等。
6、網易CSS框架 NEC
NEC是網易推出的開源前端CSS框架，提供了豐富UI代碼庫和插件，可以極大的幫助開發人員提高開發效率。即使你並非前端專業開發人員，利用NEC你也可以快速地構建屬於自己的網頁應用。
7、Alloy UI – 功能強大的CSS UI框架
Alloy UI是基於YUI 3的前端UI框架，包含一套豐富的UI 部件，如圖片庫，對話框，樹形結構，面板，自動完成，按鈕，日歷控件，工具條等。
8、Cardinal – 移動端的CSS UI框架
Cardinal 是一個小型的移動優先的 CSS 框架，提供很多有用的默認樣式、可縮放排版、可重用模塊和一個簡單的響應式表格系統。
9、CSScaffold框架
CSScaffold不同於許多CSS框架，它必須依靠PHP與Apache的mod_rewrite來執行，也正是由於其執行環境的特殊性，讓CSScaffold變得很神奇、很方便，寫起CSS來又快又輕松！
10、MuseUI框架
MuseUI是一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的后端UI開發組件。
以上就是web前端開發工程師常用的10個頂級CSS UI開源框架，其中有幾款框架真心不錯，大家可直接在網上搜索安裝體驗，設計更酷炫、更符合客戶體驗度的界面。
轉自：http://blog.sina.com.cn/s/blog_1318255b00102vomh.html