2016年最流行的移動Web前端UI框架

目前，眾多互聯網公司APP都嵌入了大量的HTML5，移動端的開發越來越重視，HTML5的運用場景也越來越多了。在移動Web開發的過程中，使用合適的移動WEB UI框架可以大大提升我們的開發效率。下面就把2016年最流行的移動Web前端UI框架分享給大家。

Amaze UI

Amaze UI是一個輕量級（所有CSS和JS gzip後100kB左右）、Mobile first的前端框架， 基於開源社區流行前端框架編寫。

Amaze UI Github地址：GitHub - amazeui/amazeui: Amaze UI, a mobile-first and modular front-end framework.

Amaze UI官網：Amaze UI | 中國首個開源 HTML5 跨屏前端框架

Frozen UI

Frozen UI 是一個簡單易用，輕量快捷，為移動端服務的前端框架，專註於移動web的UI框架，基於騰訊手機QQ規範。

Frozen UI Github地址：FrozenUI - 專註於移動web的UI框架

SUI

SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規範。通過SUI，可以非常方便的設計和實現精美的頁面。

SUI官網：http://sui.taobao.org/

ZUI

ZUI是一個開源前端實踐方案，幫助你快速構現代跨屏應用。

ZUI Github地址：GitHub - easysoft/zui: ZUI is an HTML5 front UI framework.

H-ui

H-ui前端框架是在bootstrap的思想基礎上基於 HTML、CSS、JAVASCRIPT開發的輕量級web前端框架，開源免費，簡單靈活，兼容性好，滿足大多數中國網站。

H-ui Github地址：jackying (輝哥) · GitHub

pure.css

pure.css 一組小,響應CSS模塊,您可以使用在每一個web項目

pure.css Github地址：GitHub - yahoo/pure: A set of small, responsive CSS modules that you can use in every web project.

UIkit

UIkit是YOOtheme團隊開發的一款輕量級、模塊化的前端框架，可快速構建強大的前端web界面。UIKit使用的變數基於LESS，具有體積小、模塊化、可輕鬆地自定義主題及響應式設計可在多種環境中使用等特點。UIkit中文網為廣大國內開發者提供詳盡的中文文檔、代碼實例等，幫助開發者快速掌握並使用這一框架。

UIkit Github地址：GitHub - uikit/uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Bootstrap

Bootstrap是Twitter推出的一個用於前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發，是一個CSS/HTML框架。目前，Bootstrap最新版本為3.0 。Bootstrap中文網致力於為廣大國內開發者提供詳盡的中文文檔、代碼實例等，助力開發者掌握並使用這一框架。

Bootstrap中文網：Bootstrap中文網

拼圖

拼圖號稱中國版的Bootstrap，優秀的跨屏響應式布局前端開發框架(CSS框架)，國內前端框架先驅及領導者，能自動適應電腦、平板、手機等設備，讓web前端開發更簡單、快速、便捷。

拼圖官網：http://www.pintuer.com/

Plane UI

Plane UI是一個構建 HTML5 應用的跨終端響應式前端界面框架及解決方案。

Plane UI Github地址：Plane UI - HTML5 跨終端響應式前端界面框架

Foundation

Foundation 5是我們最快、最好的構建。多用的功能來幫助編寫代碼和學習比以往任何時候都要快。

Foundation官網：Foundation | The most advanced responsive front-end framework in the world.

mui

mui是最接近原生APP體驗的高性能框架。

mui Github地址：GitHub - dcloudio/mui: 最接近原生APP體驗的高性能框架

WeUI

WeUI是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信 Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、icon等各式元素。

WeUI Github地址：GitHub - weui/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

Arale

Arale 立足於支付寶的前端需求和國內前端社區，基於Sea.js和spm生態圈，致力發展小而美的前端模塊架構，建立了一套從編碼測試到部署的開發體系， 是一個開放、簡單、易用的前端解決方案。Arale 模塊均兼容於 IE6+ 以及 Chrome/Firefox/Safari/Opera 的最新穩定版。

Arale官網：http://aralejs.org/

Semantic UI

Semantic UI 是一款語義化設計的前端開源框架，其功能強大，使用簡單，為設計師和開發師提供可復用的完美設計方案。

Semantic UI Github地址：GitHub - Semantic-Org/Semantic-UI-pt-br: Semantic dá poder a designers e desenvolvedores através da cria??o de um vocabulário comum para UI

Jingle UI

Jingle UI是一個基於html5、css3開發輕量級的移動webapp 框架，提供一些基本交互方式，常用的組件(scroll,actionsheet,sidemenu,toggle,push2refresh……)，幫助您更方便的開發移動應用。

Jingle UI Github地址：GitHub - shixy/Jingle: Jingle UI是一個基於html5、css3開發輕量級的移動webapp 框架，提供一些基本交互方式，常用的組件(scroll,actionsheet,sidemenu,toggle,push2refresh......)，幫助您更方便的開發移動應用。

CMUI

CMUI 是一個專攻移動網頁的 UI 框架，它提供了豐富的組件和簡潔的介面，開箱即用。CMUI 幫助開發者擺脫樣式細節和兼容性困擾，從而騰出更多精力投入到業務開發中。

CMUI Github地址：GitHub - CMUI/CMUI: Lightweight UI solution for mobile web.

以上是在長期工作中總結出來的移動WEB UI框架資源，大家可以根據自己的業務需求去選擇合適的WEB UI框架。在此不評價任何一個框架的好壞，存在就有他的合理性，總有他適合的場景。感謝這些項目的貢獻者，感謝開源力量！

推薦閱讀：