1.cube-ui
地址:https://didi.github.io/cube-ui/#/zh-CN
demo:https://didi.github.io/cube-ui/example/#/
特性
1.质量可靠
由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。
2.体验极致
以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。
3.标准规范
遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。
4.扩展性强
支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
2.NutUI
地址:http://nutui.jd.com/#/intro
GitHUb:https://github.com/jdf2e/nutui
NutUI是一套京东风格的移动端Vue组件库,开发和服务于移动Web界面的企业级前中后台产品。
特性
- 30+ 京东移动端项目正在使用
- 基于京东APP 7.0 视觉规范
- 支持按需加载
- 详尽的文档和示例
- 支持定制主题
- 支持多语言(国际化)
- 支持 TypeScript
- 支持服务端渲染(Vue SSR)
- 单元测试加持
- 配套有基于Webpack的构建工具,可快速创建已内置本组件库的Vue工程
示例
3.VUX
地址:https://doc.vux.li/zh-CN/
demo:https://vux.li/demos/v2/#/
简介
VUX 必须配合 vux-loader 使用,如果不使用 vux2 模板请按照文档正确配置。
less@3.x 有严重的兼容问题,请暂时使用 less@^2.7.3。
暂未适配 vue-cli@3.x,请知悉。
提示
VUX 是库而非框架,虽然有专用的 vux-loader,但并不影响你自由地使用其他组件库或者工具库。
VUX 使用的 CSS 预处理工具是 less(同 WeUI),但(利益于 .vue 单文件组件的灵活性)这并不影响你使用 SASS 等其他预处理器。
用以表示该组件库时请使用大写名字 VUX,用在说明版本号时使用小写 vux@2.x。
4.Mint-ui
地址:http://mint-ui.github.io/#!/zh-cn
demo:http://elemefe.github.io/mint-ui/#/
介绍
-
Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。
-
真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。
-
考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。
-
依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。
5.Vant
有赞团队开发的移动端组件库
地址:https://youzan.github.io/vant/#/zh-CN/
GitHub:https://github.com/youzan/vant
特性
- 60+ 高质量组件
- 95% 单元测试覆盖率
- 完善的中英文文档和示例
- 支持按需引入
- 支持主题定制
- 支持国际化
- 支持 TS
- 支持 SSR
6.MUI(mob)
最接近原生APP体验的高性能前端框架
地址:https://dev.dcloud.net.cn/mui/
GitHub:https://github.com/dcloudio/mui
- 轻量 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K
- 原生UI:以iOS平台UI为基础,补充部分Android平台特有的UI控件
- 流畅体验:各种动画实现。
示例
7.Muse-ui
地址:https://muse-ui.org/#/zh-CN
GitHub:https://github.com/museui/muse-ui
特点
- 组件丰富:40多个UI 组件,用于适应不同业务环境。
- 可定制:自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。
- 基于 Vue 2.0:是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用