1、Framework7
正版官網:https://framework7.io/ (英文)
對應國內:http://www.framework7.cn/ (中文)
Framework7-是一個免費的開放源代碼移動HTML框架,用於開發具有iOS和Android原生外觀的混合移動應用程序或Web應用程序。 它也是必不可少的原型應用程序工具,可在需要時盡快顯示可用的應用程序原型。
2、SUI Mobile
MSUI 是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。 SUI Mobile 是一套基於 Framework7 開發的UI庫。它非常輕量、精美,只需要引入我們的CDN文件就可以使用,並且能兼容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平台Web App。
3、FrozenUI
Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規范,選取最常用的組件,
做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
4、Amaze UI
中國首個開源 HTML5 跨屏前端框架,相比國外框架,Amaze UI 關注中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。
Amaze UI 以移動優先(Mobile first)為理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。
5、MUI
最接近原生APP體驗的高性能前端框架。
6、WeUI
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程序量身設計,令用戶的使用感知更加統一。
7、VUX
Vux(讀音 [v’ju:z],同views)是基於WeUI和Vue(2.x)開發的移動端UI組件庫,主要服務於微信頁面。 基於webpack+vue-loader+vux可以快速開發移動端頁面,配合vux-loader方便你在WeUI的基礎上定制需要的樣式。 vux-loader保證了組件按需使用,因此不用擔心最終打包了整個vux的組件庫代碼。
8、WEEX
Weex 是一套簡單易用的跨平台開發方案,能以 web 的開發體驗構建高性能、可擴展的 native 應用,為了做到這些,Weex 與 Vue 合作,使用 Vue 作為上層框架,並遵循 W3C 標准實現了統一的 JSEngine 和 DOM API,這樣一來,你甚至可以使用其他框架驅動 Weex,打造三端一致的 native 應用。
antd-mobile 是 Ant Design 的移動規范的 React 實現,服務於螞蟻及口碑無線業務。
10、vue-carbon
基於 vuejs 1.0 開發 material design 風格的移動端 WEB UI 庫, 設計資源參考 CARBON FrameWork7。
11、uiKit
uiKit是一款輕量級、模塊化的前端框架,可快速構建強大的web前端界面。
12、H-ui
H-ui是輕量級前端框架,簡單免費,兼容性好,適用於中國網站。
13、layui
Layui 誕生於2016年金秋,是一款帶着濃烈情懷的國產前端UI框架,她追求極簡,又不失豐盈的內在,說她是史上最輕量的結晶,似乎並不為過。一切都源自於她對原生態的執着,對前端社區的那些噪雜聲音的過濾,以及她本身的精心雕琢。
14、YDUI Touch
YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什么?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變量,定制一份屬於自己的YDUI。
15、sheral
基於sandal(基礎sass庫)擴展的移動端UI庫。具體設計思想可參看sheral——一個方便定制及擴展的UI組件庫
16、vonic
一個基於 vue.js 和 ionic 樣式的 UI 框架,用於快速構建移動端單頁應用。
17、Mint UI
基於 Vue.js 的移動端組件庫
Mint UI 包含豐富的 CSS 和 JS 組件,能夠滿足日常的移動端開發需要。通過它,可以快速構建出風格統一的頁面,提升開發效率。
真正意義上的按需加載組件。可以只加載聲明過的組件及其樣式文件,無需再糾結文件體積過大。
考慮到移動端的性能門檻,Mint UI 采用 CSS3 處理各種動效,避免瀏覽器進行不必要的重繪和重排,從而使用戶獲得流暢順滑的體驗。
依托 Vue.js 高效的組件化方案,Mint UI 做到了輕量化。即使全部引入,壓縮后的文件體積也僅有 ~30kb (JS + CSS) gzip。
18、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友好,可用於開發的復雜單頁應用。
19、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框架。
