移動WEB前端UI框架
目前,眾多互聯網公司APP都嵌入了大量的HTML5,移動端的開發越來越重視,HTML5的運用場景也越來越多了。在移動WEB開發的過程中,使用合適的移動WEB UI框架可以大大提升我們的開發效率。下面PHP程序員雷雪松就把2015年最全的移動WEB前端UI框架分享給大家。
目前,眾多互聯網公司APP都嵌入了大量的HTML5,移動端的開發越來越重視,HTML5的運用場景也越來越多了。下面在移動WEB開發的過程中,使用合適的移動WEB UI框架可以大大提升我們的開發效率。下面就把2015年最全的移動WEB前端UI框架分享給大家。
Amaze UI
Amaze UI是一個輕量級(所有CSS和JS gzip后100kB左右)、Mobile first的前端框架, 基於開源社區流行前端框架編寫。
Amaze UI Github地址:https://github.com/amazeui/amazeui
Amaze UI官網:http://amazeui.org/
Frozen UI
Frozen UI 是一個簡單易用,輕量快捷,為移動端服務的前端框架,專注於移動web的UI框架,基於騰訊手機QQ規范。
Frozen UI Github地址:http://frozenui.github.io/
SUI
SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。通過SUI,可以非常方便的設計和實現精美的頁面。
SUI官網:http://sui.taobao.org/
ZUI
ZUI是一個開源前端實踐方案,幫助你快速構現代跨屏應用。
ZUI Github地址:https://github.com/easysoft/zui
H-ui
H-ui前端框架是在bootstrap的思想基礎上基於 HTML、CSS、JAVASCRIPT開發的輕量級web前端框架,開源免費,簡單靈活,兼容性好,滿足大多數中國網站。
H-ui Github地址:https://github.com/jackying
pure.css
pure.css 一組小,響應CSS模塊,您可以使用在每一個web項目
pure.css Github地址:https://github.com/yahoo/pure/
UIkit
UIkit是YOOtheme團隊開發的一款輕量級、模塊化的前端框架,可快速構建強大的前端web界面。UIKit使用的變量基於LESS,具有體積小、模塊化、可輕松地自定義主題及響應式設計可在多種環境中使用等特點。UIkit中文網為廣大國內開發者提供詳盡的中文文檔、代碼實例等,幫助開發者快速掌握並使用這一框架。
UIkit Github地址:https://github.com/uikit/uikit
Bootstrap
Bootstrap是Twitter推出的一個用於前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。目前,Bootstrap最新版本為3.0 。Bootstrap中文網致力於為廣大國內開發者提供詳盡的中文文檔、代碼實例等,助力開發者掌握並使用這一框架。
Bootstrap中文網:http://www.bootcss.com/
拼圖
拼圖號稱中國版的Bootstrap,優秀的跨屏響應式布局前端開發框架(CSS框架),國內前端框架先驅及領導者,能自動適應電腦、平板、手機等設備,讓web前端開發更簡單、快速、便捷。
拼圖官網:http://www.pintuer.com/
Plane UI
Plane UI是一個構建 HTML5 應用的跨終端響應式前端界面框架及解決方案。
Plane UI Github地址:https://pandao.github.io/planeui/
Foundation
Foundation 5是我們最快、最好的構建。多用的功能來幫助編寫代碼和學習比以往任何時候都要快。
Foundation官網:http://foundation.zurb.com/
mui
mui是最接近原生APP體驗的高性能框架。
mui Github地址:https://github.com/dcloudio/mui
WeUI
WeUI是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、icon等各式元素。
WeUI Github地址:https://github.com/weui/weui
Arale
Arale 立足於支付寶的前端需求和國內前端社區,基於Sea.js和spm生態圈,致力發展小而美的前端模塊架構,建立了一套從編碼測試到部署的開發體系, 是一個開放、簡單、易用的前端解決方案。Arale 模塊均兼容於 IE6+ 以及 Chrome/Firefox/Safari/Opera 的最新穩定版。
Arale官網:http://aralejs.org/
Semantic UI
Semantic UI 是一款語義化設計的前端開源框架,其功能強大,使用簡單,為設計師和開發師提供可復用的完美設計方案。
Semantic UI Github地址:https://github.com/jlukic/Semantic-UI
Jingle UI
Jingle UI是一個基於html5、css3開發輕量級的移動webapp 框架,提供一些基本交互方式,常用的組件(scroll,actionsheet,sidemenu,toggle,push2refresh……),幫助您更方便的開發移動應用。
Jingle UI Github地址:https://github.com/shixy/Jingle
CMUI
CMUI 是一個專攻移動網頁的 UI 框架,它提供了豐富的組件和簡潔的接口,開箱即用。CMUI 幫助開發者擺脫樣式細節和兼容性困擾,從而騰出更多精力投入到業務開發中。
CMUI Github地址:https://github.com/CMUI/CMUI
以上是在長期工作中總結出來的移動WEB UI框架資源,大家可以根據自己的業務需求去選擇合適的WEB UI框架。在此不評價任何一個框架的好壞,存在就有他的合理性,總有他適合的場景。感謝這些項目的貢獻者,感謝開源力量!