优秀的基于VUE移动端UI框架合集

╰半橙微兮° 2023-02-20 13:42 20阅读 0赞

## 优秀的基于VUE移动端UI框架合集 ##

\\1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k

[中文文档][Link 1] [在线预览][Link 2]

![img][]

2.vux 基于`WeUI`和`Vue`(2.x)开发的移动端UI组件库 **star 10k**

基于`webpack`\+`vue-loader`\+`vux`可以快速开发移动端页面，配合`vux-loader`方便你在`WeUI`的基础上定制需要的样式。

[中文文档][Link 3] [在线预览][Link 4]

![img][img 1]

3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 **star 8.3k**

[中文文档][Link 5] [github地址][github] [在线预览][Link 6]

4.MUI 最接近原生APP体验的高性能前端框架 **star 7.5k**

[中文文档][Link 7] [github地址][github 1]

5.Muse-ui 基于 Vue 2.0 和 Material Design 的 UI 组件库 **star 4.9k**

[中文文档][Link 8] [github地址][github 2]

6.[Vant][]是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。star 1k

[中文文档][Link 9] [github地址][github 3]

![img][img 2]

7.Cube UI **star 3k**

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库

[github地址][github 4] [中文文档][Link 10]

### 特性 ###

*  质量可靠
    
    由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。
 *  体验极致
    
    以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。
 *  标准规范
    
    遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。
 *  扩展性强
    
    支持按需引入和[后编译][Link 11]，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发

\\8. NutUI 一套京东风格的轻量级移动端Vue组件库 star 1k

[体验地址][Link 12] [github地址][github 5] [中文文档][Link 13]

特性

*  跨平台，自动转微信小程序组件（稍后上线，敬请期待）
 *  30+ 京东移动端项目正在使用
 *  基于京东APP 7.0 视觉规范
 *  支持按需加载
 *  详尽的文档和示例
 *  支持定制主题
 *  支持多语言（国际化）
 *  支持 TypeScript
 *  支持服务端渲染（Vue SSR）
 *  单元测试加持
 *  配套有基于Webpack的构建工具，可快速创建已内置本组件库的Vue工程
 *  ![img][img 3]

[Link 1]: https://wangdahoo.github.io/vonic-documents/#/?id=%E4%BB%8B%E7%BB%8D
[Link 2]: https://wangdahoo.github.io/vonic/docs/#/home
[img]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTAyMzYwMS8yMDE3MTAvMTAyMzYwMS0yMDE3MTAyNjA5NTU1OTUwNC0xMjA2MDYzMzcucG5n?x-oss-process=image/format,png
[Link 3]: https://vux.li/#/?id=%E7%AE%80%E4%BB%8B
[Link 4]: https://vux.li/demos/v2/?x-page=v2-doc-home#/
[img 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTAyMzYwMS8yMDE3MTAvMTAyMzYwMS0yMDE3MTAyNjEwMDM1MTg3OS0xODA4Njc5MTk0LnBuZw?x-oss-process=image/format,png
[Link 5]: http://mint-ui.github.io/docs/#/zh-cn2
[github]: https://github.com/ElemeFE/mint-ui
[Link 6]: http://elemefe.github.io/mint-ui/#/
[Link 7]: http://dev.dcloud.net.cn/mui/
[github 1]: https://github.com/dcloudio/mui
[Link 8]: http://www.muse-ui.org/#/install
[github 2]: https://github.com/museui/muse-ui
[Vant]: https://github.com/youzan/vant
[Link 9]: https://www.youzanyun.com/zanui/vant#/zh-CN/intro
[github 3]: https://github.com/youzan/zent
[img 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTAyMzYwMS8yMDE4MDMvMTAyMzYwMS0yMDE4MDMyMDE4MDM0NDQxMi05MTQ5Mjk5NDcuZ2lm
[github 4]: https://github.com/didi/cube-ui
[Link 10]: https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start
[Link 11]: https://didi.github.io/cube-ui/#/zh-CN/docs/post-compile
[Link 12]: https://nutui.jd.com/demo.html#/index
[github 5]: https://github.com/jdf2e/nutui
[Link 13]: https://nutui.jd.com/#/index
[img 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTAyMzYwMS8yMDE5MDUvMTAyMzYwMS0yMDE5MDUwODEzNDY0NTAyNy0xMDA0NTUyOTYwLnBuZw?x-oss-process=image/format,png