vue的UI框架

PC端

1. ：Element
   官网地址：官网

介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。

2. ：iview
   官网地址：官网

介绍：iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发，支持 ES2015 高质量、功能丰富 友好的 API ，自由灵活地使用空间，由TalkingData开发维护，有很多知名互联网企业都在使用

3. ：vuetify
   官网地址：官网

介绍：Vuetifyjs 根据材料设计规格提供 UI 布局。 V 1.0 Alpha 版本提供了超过 80个 reusbale 组件，其中包含一个易于记忆的语义设计，它基于名称简单明了 type-as-you 的类型属性。在GitHub 上有超过 7K 的 star。

4. ：vue-strap
   官网地址：官网

介绍：基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件，唯一需要依赖的是: Vue.js Bootstrap CSS ，VueStrap 不依赖某个非常精确的 Bootstrap 版本。如果喜欢bootstrap的小伙伴又不想换jquery的开发方式是不二的选择。

5. ：cube-ui
   官网地址：官网

介绍：cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

6. ：buefy
   官网地址：官网

介绍：Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件，它提供了即装即用的轻量级组件。虽然组件选择有限，但是值得你去尝试。

7. ：vue-beauty
   官网地址：官网

介绍：基于 ant design 的漂亮的 vue 组件库；vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库，旨在帮助开发者提升产品体验和开发效率、降低维护成本。

8. ：at-ui
   官网地址：官网

介绍：AT-UI 是一个模块化的前端 UI 框架，开发基于Vue.js 的快速和强大的 Web 界面。专门为桌面应用程序构建，AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。全英文的文档对用户来说可能是具有有挑战性的，但它提供了一个体面的干净整洁的 UI 组件。

9. ：Vue-Blu
   官网地址：官网

介绍：Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件，API友好。

作者：祈澈菇凉
链接：https://www.jianshu.com/p/0683296cdcfc

---

移动端

详细介绍

1. vonic
   vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。
   中文文档 | github地址 | 在线预览

2. vux
   vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过，欢迎来评论区吐槽。
   中文文档 | github地址 | 在线预览

3. Mint UI
   Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。
   中文文档 | github地址 | 在线预览

4. Muse-UI
   基于 Vue 2.0 和 Material Design 的 UI 组件库
   中文文档 | github地址

5. Vant
   是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。
   中文文档 | github地址 | 在线预览

6. Cube-UI
   滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库
   中文文档 | github地址 | 在线预览

7. vue-ydui
   Vue-ydui 是 YDUI Touch 的一个Vue2.x实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。
   中文文档 | github地址 | 在线预览

image
8. Mand-Mobile
面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品。
中文文档 | github地址 | 在线预览

9. v-charts
   在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。特别感谢 @书简_yu 的贡献。
   中文文档 | github地址 | 在线预览

image
10. Vue Carbon
Vue Carbon 是基于 vue 开发的material design ui 库。
中文文档 | github地址 | 在线预览

11. Quasar
    Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。
    中文文档 | github地址

12. Vue-recyclerview
    使用vue-recyclerview掌握大型列表。
    github地址 | 在线预览

13. Vue.js modal
    易于使用，高度可定制，移动友好的Vue.js 2.0+ modal。
    在线文档 | github地址 | 在线预览

14. Vue Baidu Map
    Vue Baidu Map是基于Vue 2.x的百度地图组件。
    中文文档 | github地址 | 在线预览

15. Onsen UI
    将Vue.js的强大功能和简单性带入混合和渐进式Web应用程序。
    在线文档 | github地址 | 在线预览

详细介绍