移動端UI庫推薦
前言:最近手裡的專案有有一些關於移動端的開發,經常被安卓,IOS適配等問題折磨,所以收集了一些用於移動端的輕量級UI庫,可以在開發中免去大量的前端除錯時間。
SUI Mobile 是一套基於 Framework7 開發的UI庫。它非常輕量、精美,只需要引入我們的CDN檔案就可以使用,並且能相容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平臺Web App。
輕量的UI庫
SUI Mobile 非常輕量,核心庫壓縮Gzip後的JS、CSS網路傳輸體積總共只有52K,卻提供了20+個常用的元件。
對於只有HTML&CSS的元件,你只需要複製HTML程式碼既可以使用。他的大部分JS元件都是獨立的 Zepto 外掛,並且提供了
阿里巴巴共享業務事業部UED團隊
Amaze ~ 妹子 UI
中國首個開源 HTML5 跨屏前端框架
相比國外框架,Amaze UI 關注中文排版,根據使用者代理調整字型,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內建瀏覽器相容支援。
Amaze UI 面向 HTML5 開發,使用 CSS3 來做動畫互動,平滑、高效,更適合移動裝置,讓 Web 應用更快速載入。
FrozenUI 是一套基於移動端的UI庫,輕量、精美、遵從手機 QQ 設計規範
適用於使用手Q規範設計的Web頁面,而針對非手Q規範的頁面,可通過修改變數定製介面主題。
可以按需選擇需要的元件,也可以採用cdn和combo的方式按需載入。
使用iconfont展示圖示,包含了按鈕,列表,表單,提示,彈窗等常用元件,新增文字,佈局,1px, rem,文字截斷,佔位,兩端留白,兩端對齊等解決方案,同時解決了移動端螢幕適配問題。
CSS使用模組化的樣式命名和組織規範,使用sass編寫css程式碼。
相容android 2.3 +,ios 4.0 + 。
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程式量身設計,令使用者的使用感知更加統一。
5.MUI
最接近原生APP體驗的高效能前端框架