原文链接

随着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. ORM数据库框架 SQLite 常用数据库框架比较 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  2. 【Java】Eclipse代码格式化-代码模板

    Eclipse代码格式化-代码模板 eclipse 代码模板_百度搜索 编码规范系列(一):Eclipse Code Templates设置 - 青葱岁月 - ITeye博客 善用Eclipse的代码 ...

  3. google test框架与eclipse插件

    1. https://github.com/google/googletest    (google的测试框架) 2. eclipse测试框架插件 https://github.com/xgsa/cd ...

  4. 转:查看linux系统版本号

    转自: http://blog.csdn.net/zhuying_linux/article/details/6859286 lsb_release -a

  5. (转)【风宇冲】Unity3D教程宝典之AssetBundles:第二讲

    原创文章如需转载请注明:转载自风宇冲Unity3D教程学院                             AssetBundles第二讲:AssetBundles与脚本 所有Unity的As ...

  6. JAVA对图片的任意角度旋转,以及镜像操作

    package relevantTest;/* * 该代码实现了对图像的水平镜像变换,垂直镜像变换,任意角度旋转,jtf的实时监控,以及对图像的缩放变换,以及按钮的若隐若现效果. * 在对图像进行任意 ...

  7. 【python】bytes与字符串的相互转化

    代码: # bytes转字符串方式一 b=b'\xe9\x80\x86\xe7\x81\xab' string=str(b,'utf-8') print(string) # bytes转字符串方式二 ...

  8. Android自己定义View之仪表盘

    新建项目,新建DashBoardView继承自View实现OnGlobalLayoutListener接口,并重写OnDraw方法. 使用OnGlobalLayoutListener接口须要重写onG ...

  9. Mybatis源码分析之SqlSession和Excutor(二)

    通过上一篇文章的分析我们,我初步了解了它是如何创建sessionFactory的(地址:Mybatis源码分析之SqlSessionFactory(一)), 今天我们分析下Mybatis如何创建Sql ...

  10. Hierarchical query-层次查询之START WITH CONNECT BY用法

    Hierarchical query-层次查询中start with...connect by prior子句用法: connect by 是结构化查询中用到的,其基本语法是:  select ... ...