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://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 框架,用于快速构建移动端单页应用。它也是由个人开发和维护的一套框架