Vue UI 组件库

简介: 随着SPA、前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本。

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


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
视频教程: https://www.codecasts.com/series/use-element-ui-tool-kit

iView


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

Vue Admin


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

Keen UI


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

Vue MDL


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/

Vue-Blu


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

Mobile

Vux


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

Mint UI


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

Vue-Carbon


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

WE-VUE


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

responsive layout system

Vue Material


star:2.7k
demo: https://vuematerial.github.io/#/
docs: https://vuematerial.github.io/#/getting-started
github: https://github.com/marcosmoura/vue-material

Muse-UI


star:2.5k
demo: http://www.muse-ui.org/#/install
docs: http://www.muse-ui.org/#/index
github: https://github.com/museui/muse-ui

Vuetify


star:2.1k
demo: https://vuetifyjs.com
docs: https://vuetifyjs.com
github: https://github.com/vuetifyjs/vuetify

Radon UI


star:669
demo: https://luojilab.github.io/radon-ui/#!/basic/button
docs: https://luojilab.github.io/radon-ui/#!/
github: https://github.com/luojilab/radon-ui

RUBIK


star:191
demo: https://ccforward.github.io/rubik/#/
docs: https://ccforward.github.io/rubik/#/
github: https://github.com/ccforward/rubik/

Hybrid

OnsenUI-Vue


star:4.6k
demo: https://tutorial.onsen.io/?framework=vue&category=reference&module=dialog
docs: https://onsen.io/v2/docs/guide/vue/
github: https://github.com/OnsenUI/OnsenUI/tree/master/bindings/vue

Quasar


star:1.8k
demo: http://quasar-framework.org/components/dialog.html
docs: http://quasar-framework.org/guide/index.html
github: https://github.com/quasarframework/quasar

Framework7-Vue


star:247
demo: http://framework7.cn/
docs: http://vue.framework7.cn/
github: https://github.com/nolimits4web/Framework7-Vue

相关文章
|
25天前
|
JavaScript
在 Vue 中处理组件选项与 Mixin 选项冲突的详细解决方案
【10月更文挑战第18天】通过以上的分析和探讨,相信你对在 Vue 中使用 Mixin 时遇到组件选项与 Mixin 选项冲突的解决方法有了更深入的理解。在实际开发中,要根据具体情况灵活选择合适的解决方案,以确保代码的质量和可维护性。
80 7
|
13天前
|
缓存 搜索推荐 索引
「Mac畅玩鸿蒙与硬件12」鸿蒙UI组件篇2 - Image组件的使用
在鸿蒙应用开发中,Image 组件用于加载和显示图片资源,并提供多种属性来控制图片的显示效果和适配方式。本篇将带你学习如何在鸿蒙应用中加载本地和远程图片、设置图片样式以及实现简单的图片轮播功能。
61 7
「Mac畅玩鸿蒙与硬件12」鸿蒙UI组件篇2 - Image组件的使用
|
5天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
15天前
|
自然语言处理 开发者
「Mac畅玩鸿蒙与硬件11」鸿蒙 UI 组件篇1 - Text 和 Button 组件详解
本篇将详细介绍鸿蒙应用开发中的 Text 和 Button 组件。通过本篇内容,你将学习如何使用 Text 组件显示文本、格式化文本样式,以及如何使用 Button 组件处理点击事件并自定义样式。掌握这些基本组件的用法将为后续的 UI 开发奠定基础。
45 4
「Mac畅玩鸿蒙与硬件11」鸿蒙 UI 组件篇1 - Text 和 Button 组件详解
|
5天前
|
人工智能 API Apache
推荐3款开源、美观且免费的WinForm UI控件库
推荐3款开源、美观且免费的WinForm UI控件库
|
8天前
|
存储 JavaScript 开发者
Vue 组件间通信的最佳实践
本文总结了 Vue.js 中组件间通信的多种方法,包括 props、事件、Vuex 状态管理等,帮助开发者选择最适合项目需求的通信方式,提高开发效率和代码可维护性。
|
8天前
|
存储 JavaScript
Vue 组件间如何通信
Vue组件间通信是指在Vue应用中,不同组件之间传递数据和事件的方法。常用的方式有:props、自定义事件、$emit、$attrs、$refs、provide/inject、Vuex等。掌握这些方法可以实现父子组件、兄弟组件及跨级组件间的高效通信。
|
24天前
|
缓存 JavaScript UED
Vue 的动态组件与 keep-alive
【10月更文挑战第19天】总的来说,动态组件和 `keep-alive` 是 Vue.js 中非常实用的特性,它们为我们提供了更灵活和高效的组件管理方式,使我们能够更好地构建复杂的应用界面。深入理解和掌握它们,以便在实际开发中能够充分发挥它们的优势,提升我们的开发效率和应用性能。
44 18
|
19天前
|
缓存 JavaScript UED
Vue 中实现组件的懒加载
【10月更文挑战第23天】组件的懒加载是 Vue 应用中提高性能的重要手段之一。通过合理运用动态导入、路由配置等方式,可以实现组件的按需加载,减少资源浪费,提高应用的响应速度和用户体验。在实际应用中,需要根据具体情况选择合适的懒加载方式,并结合性能优化的其他措施,以打造更高效、更优质的 Vue 应用。
|
24天前
|
前端开发 UED
vue3知识点:Suspense组件
vue3知识点:Suspense组件
30 4