前言:最近手里的项目有有一些关于移动端的开发,经常被安卓,IOS适配等问题折磨,所以收集了一些用于移动端的轻量级UI库,可以在开发中免去大量的前端调试时间。
1.SUI Mobile
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 插件,并且提供了 Zepto/jQuery 风格的API,你将会非常熟悉这种方式。
阿里巴巴共享业务事业部UED团队
GitHub 地址 https://github.com/sdc-alibaba/SUI-Mobile
2.AmazeUI
Amaze ~ 妹子 UI
中国首个开源 HTML5 跨屏前端框架
相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。
Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。
3.FrozenUI
FrozenUI 是一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范
适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。
可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。
使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。
CSS使用模块化的样式命名和组织规范,使用sass编写css代码。
兼容android 2.3 +,ios 4.0 + 。
GitHub 地址 https://github.com/frozenui/frozenui
4.WeUI
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
5.MUI
最接近原生APP体验的高性能前端框架