vue前端UI框架收集

基于 vue 的ui框架

手机 电脑 兼容框架

vuetifyjs

vuetifyjs是比较流行的基于vue的前端ui框架，作者John Leider来自国外，vuetifyjs组件众多，并且电脑端，移动端通用一套代码

• 官网网址： https://vuetifyjs.com/zh-Hans/
• 手册网址： https://vuetifyjs.com/zh-Hans/getting-started/quick-start/
• github地址： https://github.com/vuetifyjs/vuetify
• 作者的github地址： https://github.com/johnleider

电脑端

Element-UI

Element是由国内饿了么团队开发的一套桌面端vue ui框架，也是国内使用最多的ui前端框架，我们日常开发中所用到的功能基本已经都内置好，并且ui风格高度可自定义

• 官网网址： https://element.eleme.cn/#/zh-CN
• 手册网址： https://element.eleme.cn/#/zh-CN/component/installation
• github地址： https://github.com/ElemeFE/element
• 作者的github地址： https://github.com/elemefe

iviewui

iview是由国内试图科技公司团队开发的基于 Vue.js 的高质量企业级 UI 组件库，具有业界影响力的免费开源软件 丰富的组件和功能，满足绝大部分网站场景，提供开箱即用的 Admin 系统 和 高阶组件库，极大程度节省开发成本，提供专业、优质的一对一技术支持，友好的 API ，自由灵活地使用空间，可自定义主题

• 官网网址： https://iview.design/
• 手册网址： https://www.iviewui.com/docs/guide/start
• github地址： https://github.com/view-design/ViewUI
• 作者的github地址： https://github.com/view-design
• 专业版地址： https://pro.iviewui.com/pro/introduce
• 专业版admin地址： https://pro.iviewui.com/admin-pro/introduce

VueStrap

VueStrap是基于Bootstrap开发的vue前端框架，他不依赖jquery，但是需要bootstrap css (3.xx)的样式

• 官网网址： http://yuche.github.io/vue-strap/
• 手册网址： http://yuche.github.io/vue-strap/#accordion
• github地址： https://github.com/yuche/vue-strap
• 作者的github地址： https://github.com/yuche

vue-blu

Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。

• 官网网址： https://chenz24.github.io/vue-blu/#/
• 手册网址： https://chenz24.github.io/vue-blu/#/
• github地址： https://github.com/chenz24/vue-blu
• 作者的github地址： https://github.com/chenz24

at-ui

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站中后台产品。是由京东凹凸实验室团队开发的前端框架

• 官网网址： https://at-ui.github.io/at-ui/#/zh
• 手册网址： https://at-ui.github.io/at-ui/#/zh/docs/introduction
• github地址： https://github.com/AT-UI/at-ui
• 作者的github地址： https://github.com/AT-UI
• 团队官网网址： https://aotu.io/

buefy

基于Bulma的Vue.js的轻量级 UI组件

• 官网网址： https://buefy.org/
• 手册网址： https://buefy.org/documentation/start
• github地址： https://github.com/buefy/buefy
• 作者的github地址： https://github.com/buefy

vue-beauty

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

• 官网网址： https://buefy.org/
• 手册网址： https://fe-driver.github.io/vue-beauty/#/components/start
• github地址： https://github.com/FE-Driver/vue-beauty
• 作者的github地址： https://github.com/FE-Driver

手机端

mint-ui

mint是由国内饿了么团队专为移动端开发的一套vue ui框架，主要应用在移动端，内置众多组件

• 官网网址： http://mint-ui.github.io/#!/zh-cn
• 手册网址： http://mint-ui.github.io/docs/#/zh-cn
• 演示网址： http://elemefe.github.io/mint-ui/#/
• github地址： https://github.com/ElemeFE/mint-ui
• 作者的github地址： https://github.com/ElemeFE

vant

vant 是由有赞团队开发的专门用于手机端的vue框架，vant 轻量、可靠的移动端 Vue 组件库，60+ 高质量组件、 90% 单元测试覆盖率、完善的中英文文档和示例

• 官网网址： https://youzan.github.io/vant/#/zh-CN/
• 手册网址： https://youzan.github.io/vant/#/zh-CN/
• 国内手册： https://vant-contrib.gitee.io/vant/#/zh-CN/
• 演示网址： https://youzan.github.io/vant/mobile.html#/zh-CN/
• github地址： https://github.com/youzan/vant
• 作者的github地址： https://github.com/youzan

nutui

nutui 是由京东团队开发的专门用于手机端的vue框架，NutUI是一套京东风格的移动端组件库，开发和服务于移动Web界面的企业级前中后台产品。

• 官网网址： http://nutui.jd.com/#/index
• 手册网址： http://nutui.jd.com/#/start
• 演示地址： http://nutui.jd.com/demo.html#/index
• github地址： https://github.com/jdf2e/nutui
• 作者的github地址： https://github.com/jdf2e

Cube-UI

Cube UI 由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障，基于 Vue.js 实现的精致移动端组件库。

• 官网网址： https://didi.github.io/cube-ui/#/zh-CN
• 手册网址： http://nutui.jd.com/#/start
• 演示地址： https://didi.github.io/cube-ui/example/#/N/example
• github地址： https://github.com/didi/cube-ui
• 作者的github地址： https://github.com/didi

VUX

VUX 一个凑合的 Vue.js 移动端 UI 组件库, 它是由个人开发和维护的一套框架

• 官网网址： https://vux.li/
• 手册网址： https://doc.vux.li/zh-CN/
• 演示地址： https://vux.li/demos/v2/?x-page=v2-doc-home#/demo
• github地址： https://github.com/airyland/vux
• 作者的github地址： https://github.com/airyland

vonic

vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用。它也是由个人开发和维护的一套框架

• 官网网址： https://wangdahoo.github.io/vonic-documents/#/
• 手册网址： https://wangdahoo.github.io/vonic-documents/#/zh/api?id=mdbutton
• 演示地址： https://wangdahoo.github.io/vonic/docs/#/home
• github地址： https://github.com/wangdahoo/vonic
• 作者的github地址： https://github.com/wangdahoo