?對(duì)于跨平臺(tái)移動(dòng)開(kāi)發(fā)項(xiàng)目來(lái)說(shuō)，選擇 UI 框架是必不可少的步驟。值得慶幸的是，市面上有很多 UI 框架可供選擇，有專(zhuān)注于 UI 組件的，有提供輕量級(jí)應(yīng)用框架功能的，還有提供綜合性功能的UI框架。這里專(zhuān)門(mén)為你整理了 10 款流行的前端 UI 開(kāi)發(fā)框架，希望能減少你的迷惑，節(jié)約你的時(shí)間。?

1. Bootstrap

https://github.com/twbs/bootstrap

Stars 159k

Bootstrap 是快速開(kāi)發(fā) Web 應(yīng)用程序的前端工具包。它是一個(gè) CSS，HTML 和 JS 的集合，它使用了最新的瀏覽器技術(shù)，給你的 Web 開(kāi)發(fā)提供了時(shí)尚的版式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。

?

、

2. Skeleton

https://github.com/dhg/Skeleton 

Stars 18.7k

Skeleton 是一個(gè)小的 JS 和 CSS 文件的集合，可幫你快速開(kāi)發(fā)漂亮的網(wǎng)站，適合各種屏幕設(shè)備包括手機(jī)。Skeleton 基于 960 grid 開(kāi)發(fā)。它是一個(gè) UI 框架。

3. UIkit

https://github.com/uikit/uikit 

Stars 17.6k

UIkit是YOOtheme團(tuán)隊(duì)開(kāi)發(fā)的一款輕量級(jí)開(kāi)源的前端框架，可以幫助你快速的開(kāi)發(fā)和創(chuàng)建前端UI界面，支持LESS、模塊化、自定義主題、及響應(yīng)式設(shè)計(jì)?？蚣苣軌蛲ㄟ^(guò)GUI編輯器和手動(dòng)編輯，所以它提供了一個(gè)靈活、強(qiáng)大的自定義機(jī)制。

?

4. Amaze UI

https://github.com/amazeui/amazeui 

Stars 13.5k

中文譯名為妹子UI，Amaze UI 采用國(guó)際最前沿的“組件式開(kāi)發(fā)”以及“移動(dòng)優(yōu)先”的設(shè)計(jì)理念，基于其豐富的組件，開(kāi)發(fā)者可通過(guò)簡(jiǎn)單拼裝即可快速構(gòu)建出 HTML5 網(wǎng)頁(yè)應(yīng)用，上線(xiàn)僅半年，Amaze UI就成為了國(guó)內(nèi)最流行的前端框架，目前在 Github 上收獲 Star 數(shù)近萬(wàn)，服務(wù)于全球 50W 開(kāi)發(fā)者。她是中國(guó)首個(gè)開(kāi)源 HTML5 跨屏前端框架，支持國(guó)產(chǎn)，沒(méi)有理由。

?

5. Gumby

https://github.com/GumbyFramework/Gumby 

Stars 2.9k

Gumby 是一個(gè)響應(yīng)式的以及 960 像素寬度的 CSS 網(wǎng)格框架，支持 PC、平板和手機(jī)屏幕顯示。類(lèi)似 Twitter 的 Bootstrap，它包括一個(gè) Web UI 工具包，有好看按鈕，表格，導(dǎo)航+標(biāo)簽和一個(gè)很小的 JavaScript 文件

6. Centurion

https://github.com/newrelic/centurion 

Stars 1.7k

Centurion 是一個(gè)基于 SASS 和 CSS3 構(gòu)建的響應(yīng)式 Web 框架。

7. AUI

https://github.com/helmuthdu/aui 

Stars 2.8k

AUI為一款輕量級(jí)前端UI框架，更偏重于CSS布局及樣式的構(gòu)造，通俗易懂的寫(xiě)法及模塊式的拼裝方便用戶(hù)自由擴(kuò)展。輕小的體積、靈活的擴(kuò)展性，大大提高移動(dòng)端項(xiàng)目的體驗(yàn)度和開(kāi)發(fā)效率。AUI是主要面向混合開(kāi)發(fā)的 CSS 框架。

8. Foundation

https://github.com/drewsymo/Foundation 

Stars 749

Foundation 是一個(gè)易用、強(qiáng)大而且靈活的框架，用于構(gòu)建基于任何設(shè)備上的 Web 應(yīng)用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等等。

9. Gridpak

https://github.com/erskinedesign/ed.gridpak 

Stars 174

Gridpak 的目的是實(shí)現(xiàn)了響應(yīng)式的 Web 頁(yè)面設(shè)計(jì)，提高您的工作流程，節(jié)省了時(shí)間。通過(guò)生成PNG圖像，CSS和JavaScript，，讓 Gridpak 創(chuàng)建響應(yīng)式的簡(jiǎn)單界面。Gridpak 產(chǎn)生的CSS 兼容 IE 8+，但它使用很多實(shí)驗(yàn)性的CSS屬性，如媒體查詢(xún)，盒大小和背景剪輯屬性，所以我們建議您結(jié)合 Modernizer 來(lái)使用，確保向后兼容性。

10. Amazium

https://github.com/OwlyStuff/amazium 

Stars 169

Amazium 是一個(gè)基于 960 Grid System 的響應(yīng)式 CSS 框架，使用 960px 寬度，以適應(yīng)大多數(shù) 1024*768 分辨率的屏幕。Amazium 使用 4 個(gè)主要的 media queries 來(lái)調(diào)整所適應(yīng)的分辨率大小。?