原文链接

随着SPA、前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本。vue作为一款深受广大群众以及尤大崇拜者的喜欢,特此列出在github上开源的vue优秀UI组件库供大家参考,期待开发者们推出更多优秀的组件库。

本文分为两大部分介绍:PC端和移动端。

首先介绍PC端

Element

star★:11.2k
demo:http://element.eleme.io/#/zh-CN/component/layout
docs:http://element.eleme.io/#/zh-CN
github:https://github.com/ElemeFE/element

iVue

star★:5.6k
demo:https://www.iviewui.com/overview
docs:https://www.iviewui.com/
github:https://github.com/iview/iview

VueStrap

star★:3.7k
demo:http://yuche.github.io/vue-strap/
docs:http://yuche.github.io/vue-strap/
github:https://github.com/yuche/vue-strap

VueAdmin

star★:3.8k
demo:https://admin.vuebulma.com/#/components
docs:https://admin.vuebulma.com/#/
github:https://github.com/vue-bulma/vue-admin

KeanUI

star★:2.5k
demo:https://josephuspaye.github.io/Keen-UI/#
docs:https://josephuspaye.github.io/Keen-UI/#
github:https://github.com/JosephusPaye/Keen-UI

VueMDL

star★:890
demo:http://posva.net/vue-mdl/
docs:http://posva.net/vue-mdl/
github:https://github.com/posva/vue-mdl

BootstrapVue

star★:783
demo:https://bootstrap-vue.github.io/
docs:https://bootstrap-vue.github.io/docs
github:https://github.com/bootstrap-vue/bootstrap-vue/

VueBlu

star★:680
demo:https://chenz24.github.io/vue-blu/#/
docs:https://chenz24.github.io/vue-blu/#/
github:https://github.com/chenz24/vue-blu

Vuikit

star★:646
demo:https://vuikit.js.org/#/
docs:https://vuikit.js.org/#/
github:https://github.com/vuikit/vuikit


下面介绍移动端

Vux

star★:7.4k
demo:https://vux.li/demos/v2/#/
docs:https://vux.li/#/
github:https://github.com/airyland/vux

MintUI

star★:5.4k
demo:http://elemefe.github.io/mint-ui/#/
docs:http://mint-ui.github.io/#!/zh-cn
github:https://github.com/ElemeFE/mint-ui

Vonic

star★:1.6k
demo:https://wangdahoo.github.io/vonic/docs/#/
docs:https://wangdahoo.github.io/vonic-documents/#/
github:https://github.com/wangdahoo/vonic

Vum

star★:816
demo:http://demo.getvum.com/#!/
docs:http://getvum.com/
github:https://github.com/vum-team/vum

VueCarbon

star★:632
demo:https://myronliu347.github.io/vue-carbon/#!/
docs:https://myronliu347.github.io/vue-carbon/book/v0.5.0/
github:https://github.com/myronliu347/vue-carbon

YDUI

star★:127
demo:http://vue.ydui.org/
docs:http://vue.ydui.org/docs/#/
github:https://github.com/ydcss/vue-ydui

Vuwe

star★:122
demo:https://vuwe.github.io/vuwe/#/
docs:https://vuwe.github.io/vuwe/doc.html#/
github:https://github.com/vuwe/vuwe

WeVue

star★:37
demo:http://wevue.org/
github:https://github.com/tianyong90/we-vue

更多资料

Vue生态系统中的库

[转]VUE优秀UI组件库合集的更多相关文章

  1. VUE:UI组件库(Mint UI & Elment)

    VUE:UI组件库 常用 1)Mini UI: a 主页:http://mint-ui.github.io/#!/zh-cn b 说明:饿了么开源的基于vue的移动端UI组件库 2)Elment a ...

  2. 造个自己的Vue的UI组件库类似Element

    前言 随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率, 如React的Ant-design,Vue的iView,Element等,它们的功能已经很完 ...

  3. VUE优秀的组件库总结

    VUE组件库 vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github.io/#!/z ...

  4. vue 常用ui组件库

    vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cn de ...

  5. vue的ui组件库

    https://www.cnblogs.com/dupd/p/7735450.html

  6. 16款优秀的Vue UI组件库推荐

    16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基 ...

  7. 强烈推荐优秀的Vue UI组件库

    Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正 ...

  8. 【转】优秀的Vue UI组件库

    原文来源:https://www.leixuesong.com/3342 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司 ...

  9. 基于Vue的npm组件库

    前言(*❦ω❦) 思维导图可能有点高糊,有点太大了,项目和导图文件放到github或giteee上,这个思维导图也是我文章的架构,思维导图是用FeHelper插件生成的,这个是一款开源chrome插件 ...

随机推荐

  1. Introduction to Learning to Trade with Reinforcement Learning

    http://www.wildml.com/2015/12/implementing-a-cnn-for-text-classification-in-tensorflow/ The academic ...

  2. mysql的sql分页函数limit使用 (转)

    http://www.cnblogs.com/beijingstruggle/p/5631603.html mysql的sql分页函数limit使用 My sql数据库最简单,是利用mysql的LIM ...

  3. Hadoop:安装ftp over hdfs

    https://blog.csdn.net/sptoor/article/details/11484855 https://blog.csdn.net/tengxing007/article/deta ...

  4. 论文阅读:Memory Networks

    一.论文所解决的问题 实现长期记忆(大量的记忆),而且实现怎样从长期记忆中读取和写入,此外还增加了推理功能 为什么长期记忆非常重要:由于传统的RNN连复制任务都不行,LSTM预计也够玄乎. 在QA问题 ...

  5. c++ 11 游记 之 decltype constexpr

    title: c++ 11 游记 1 keyword :c++ 11 decltype constexpr 作者:titer1 zhangyu 出处:www.drysaltery.com 联系:130 ...

  6. NAS 网络附属存储

    本文内容 NAS NAS 功能 SAN 与 NAS 区别 NAS 底层协议 NAS 全球主要厂商 参考资料   NAS NAS(Network Attached Storage,网络附属存储)一种特殊 ...

  7. android中抽屉布局DrawerLayout的使用

    这个抽屉布局类似于手机QQ的主界面,点击左上角头像,会从界面左侧弹出一个抽屉,展示一些内容. 首先是布局界面activity_main.xml: <?xml version="1.0& ...

  8. jQuery 操作 radio、select、checkbox

    <script type="text/javascript"> $(function () { 一.radio 1.获取选中值,三种方法都可以: $('input:ra ...

  9. sed awk tr等文本处理命令

    指定行范围替换: sed -i "520,950s/\(.*\)\(HOST_CMD_.*\)\(,\)/\1{ \2, \"\2\" },/g" hostCm ...

  10. 获取自增ID

    方法一(一般不使用,多线程可能不准确) SELECT MAX(id) FROM table 方法二(一般使用这个) SELECT LAST_INSERT_ID()