移動Web UI庫(H5框架)


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 應用。

 

9、Ant Design Mobile

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框架。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM