移動Web UI庫(H5框架)

一、Framework7
Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.html

二、SUI Mobile
MSUI 是阿里巴巴共享業務事業部UED團隊的做品。目的是爲了手機H5頁面提供一個經常使用的組件庫,減小重複工做。
SUI Mobile 是一套基於 Framework7 開發的UI庫。它很是輕量、精美,只須要引入咱們的CDN文件就可使用,而且能兼容到 iOS 6.0+ 和 Android 4.0+,很是適合開發跨平臺Web App。前端

三、FrozenUI
Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規範,選取最經常使用的組件,
作成手Q公用離線包減小請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。vue

四、Amaze UI
中國首個開源 HTML5 跨屏前端框架,相比國外框架,Amaze UI 關注中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。
Amaze UI 以移動優先(Mobile first)爲理念,從小屏逐步擴展到大屏,最終實現全部屏幕適配,適應移動互聯潮流。webpack

五、MUI
最接近原生APP體驗的高性能前端框架。git

六、WeUI
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊爲微信內網頁和微信小程序量身設計,令用戶的使用感知更加統一。github

七、VUX
Vux(讀音 [v’ju:z],同views)是基於WeUI和Vue(2.x)開發的移動端UI組件庫,主要服務於微信頁面。
基於webpack+vue-loader+vux能夠快速開發移動端頁面,配合vux-loader方便你在WeUI的基礎上定製須要的樣式。
vux-loader保證了組件按需使用,所以不用擔憂最終打包了整個vux的組件庫代碼。web

八、WEEX
Weex 是一套簡單易用的跨平臺開發方案,能以 web 的開發體驗構建高性能、可擴展的 native 應用,爲了作到這些,Weex 與 Vue 合做,使用 Vue 做爲上層框架,並遵循 W3C 標準實現了統一的 JSEngine 和 DOM API,這樣一來,你甚至可使用其餘框架驅動 Weex,打造三端一致的 native 應用。apache

九、Ant Design Mobile
antd-mobile 是 Ant Design 的移動規範的 React 實現,服務於螞蟻及口碑無線業務。小程序

十、vue-carbon
基於 vuejs 1.0 開發 material design 風格的移動端 WEB UI 庫, 設計資源參考 CARBON FrameWork7。微信小程序

十一、uiKit
uiKit是一款輕量級、模塊化的前端框架,可快速構建強大的web前端界面。

十二、H-ui
H-ui是輕量級前端框架,簡單免費,兼容性好,適用於中國網站。

1三、layui
Layui 誕生於2016年金秋,是一款帶着濃烈情懷的國產前端UI框架,她追求極簡,又不失豐盈的內在,說她是史上最輕量的結晶,彷佛並不爲過。一切都源自於她對原生態的執着,對前端社區的那些噪雜聲音的過濾,以及她自己的精心雕琢。

1四、YDUI Touch
YDUI Touch 專爲移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕鬆搞定移動頁面佈局;實現強大的屏幕適配佈局,等比例適配全部屏幕。什麼?用得不開心?輕鬆切換 px;自定義Javascript組件、Less文件、Less變量,定製一份屬於本身的YDUI。

1五、sheral
基於sandal(基礎sass庫)擴展的移動端UI庫。具體設計思想可參看sheral——一個方便定製及擴展的UI組件庫

1六、vonic
一個基於 vue.js 和 ionic 樣式的 UI 框架,用於快速構建移動端單頁應用。

1七、Mint UI
基於 Vue.js 的移動端組件庫
Mint UI 包含豐富的 CSS 和 JS 組件,可以知足平常的移動端開發須要。經過它,能夠快速構建出風格統一的頁面,提高開發效率。
真正意義上的按需加載組件。能夠只加載聲明過的組件及其樣式文件,無需再糾結文件體積過大。
考慮到移動端的性能門檻,Mint UI 採用 CSS3 處理各類動效,避免瀏覽器進行沒必要要的重繪和重排,從而使用戶得到流暢順滑的體驗。
依託 Vue.js 高效的組件化方案,Mint UI 作到了輕量化。即便所有引入,壓縮後的文件體積也僅有 ~30kb (JS + CSS) gzip。

1八、Muse-UI
基於 Vue 2.0 和 Material Desigin 的 UI 組件庫
1.組件豐富
Muse UI 基本實現了 Material Design 設計規範類的全部組件,另外還開發許多的功能性的組件
2.可定製
Muse UI 使用less文件,全部的顏色都有一個變量維護,經過編寫 less 文件完成自定義主題,另外組件內部也提供一些修改效果的參數
3.基於 Vue 2.0
Muse UI 基於 Vue2.0 開發,Vue2.0是當下最快的前端框架之一,小巧,api友好,可用於開發的複雜單頁應用。

1九、jQuery WeUI
jQuery WeUI 是專爲微信公衆帳號開發而設計的一個簡潔而強大的UI庫,包含所有WeUI官方的CSS組件,而且額外提供了大量的拓展組件,豐富的組件庫能夠極大減小前端開發時間。
jQuery WeUI 的最大特色是它只提供UI組件,並不會對項目所使用的框架和其餘庫有任何的限制,幾乎能夠在任何環境下使用。不管你的項目是基於jQuery,仍是 React, Angular, Vue, 你都會發現 jQuery WeUI 能很是方便的和他們結合使用。既是你的項目是一個有很悠久歷史的老項目,也幾乎能夠作到拿來即用。
國外官網:http://jqweui.com/

20、QMUI Web QMUI Web 是一個專一 Web UI 開發,幫助開發者快速實現特定的一整套設計的框架。 框架主要由一個強大的 Sass 方法合集與內置的工做流構成。經過 QMUI Web,開發者能夠很輕鬆地提升 Web UI 開發的效率,同時保持了項目的高可維護性與穩健。 該框架同步有針對Android和IOS風格的移動UI框架。

相關文章
相關標籤/搜索