隨著人們對(duì)體驗(yàn)的極致追求，web頁面設(shè)計(jì)也面臨著新的挑戰(zhàn)，不僅需要更人性化的設(shè)計(jì)理念，還需要設(shè)計(jì)出更酷炫的頁面。作為web前端開發(fā)人員，運(yùn)用開源資源，更快更好地實(shí)現(xiàn)一些現(xiàn)代化的界面，是必備技能之一。下面小編就分享10個(gè)頂級(jí)的CSS UI開源框架，有興趣的童鞋可以一起看看看。

1、Bootstrap– 最流行的Web前端UI框架

       Bootstrap是由twitter公司推出的Web前端UI框架，由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)的，是一個(gè)CSS/HTML框架，常用語php等后端開發(fā)中。這個(gè)框架使用了最新的瀏覽器技術(shù)，Bootstrap提供了時(shí)尚的排版樣式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。（關(guān)于Bootstrap的具體運(yùn)用，大家可以看看《Bootstrap視頻教程》）

2、jQuery UI - 基于jQuery的開源Javascript框架

       jQuery UI是一款基于jQuery的開源Javascript框架，主要提供了用戶交互、動(dòng)畫、特效和可更換主題的可視控件，使得開發(fā)者可以更方便地實(shí)現(xiàn)網(wǎng)頁交互界面。雖然jQuery UI的整個(gè)框架比較龐大，但這個(gè)框架有一個(gè)好的地方就是，你可以根據(jù)自己需要使用的功能生成適合自己的框架底層。

3、jQuery UI Bootstrap

jQuery UI Bootstrap從其命名來看，我們應(yīng)該就不難發(fā)現(xiàn)它是jQuery UI和Bootstrap的集成。樣式是Bootstrap的，外觀比較漂亮，同時(shí)擁有jQuery UI的控件功能，開發(fā)者快速地創(chuàng)建網(wǎng)頁控件。

4、BootMetro- Metro風(fēng)格的CSS框架

BootMetro是一款基于Bootstrap的前端UI框架，其特點(diǎn)是可以很方便地構(gòu)建類似Windonws 8扁平化風(fēng)格的網(wǎng)頁界面，效果非常不錯(cuò)。

5、Flat UI- 扁平風(fēng)格 UI 工具包

Flat UI是一套精美的扁平風(fēng)格 UI 工具包，基于 Twitter Bootstrap 實(shí)現(xiàn)。這套界面工具包含許多基本的和復(fù)雜的 UI 部件，例如按鈕，輸入框，組合按鈕，復(fù)選框，單選按鈕，標(biāo)簽，菜單，進(jìn)度條和滑塊，導(dǎo)航元素等等。

6、網(wǎng)易CSS框架 NEC

NEC是網(wǎng)易推出的開源前端CSS框架，提供了豐富UI代碼庫和插件，可以極大的幫助開發(fā)人員提高開發(fā)效率。即使你并非前端專業(yè)開發(fā)人員，利用NEC你也可以快速地構(gòu)建屬于自己的網(wǎng)頁應(yīng)用。

7、Alloy UI – 功能強(qiáng)大的CSS UI框架

Alloy UI是基于YUI 3的前端UI框架，包含一套豐富的UI 部件，如圖片庫，對(duì)話框，樹形結(jié)構(gòu)，面板，自動(dòng)完成，按鈕，日歷控件，工具條等。

8、Cardinal – 移動(dòng)端的CSS UI框架

Cardinal 是一個(gè)小型的移動(dòng)優(yōu)先的 CSS 框架，提供很多有用的默認(rèn)樣式、可縮放排版、可重用模塊和一個(gè)簡(jiǎn)單的響應(yīng)式表格系統(tǒng)。

9、CSScaffold框架

CSScaffold不同于許多CSS框架，它必須依靠PHP與Apache的mod_rewrite來執(zhí)行，也正是由于其執(zhí)行環(huán)境的特殊性，讓CSScaffold變得很神奇、很方便，寫起CSS來又快又輕松！

10、MuseUI框架

MuseUI是一款基于bootstrap風(fēng)格，兼容于主流瀏覽器（包括IE6）的后端UI開發(fā)組件。

       以上就是web前端開發(fā)工程師常用的10個(gè)頂級(jí)CSS UI開源框架，其中有幾款框架真心不錯(cuò)，大家可直接在網(wǎng)上搜索安裝體驗(yàn)，設(shè)計(jì)更酷炫、更符合客戶體驗(yàn)度的界面。