越来越多的公司开始使用 Vue 开发各种项目, Vue 项目是组件化开发,在开发工程师使用各种各样的组件,例如:按钮、表单、选项卡、消息提示、上拉加载/下拉刷新等许多组件,许多中大型公司都有自己的组件库。对于个人或者初创公司,甚至是一些中小型公司要开发一套自己的组件库并不是容易。幸运的是在 Github 上有许多免费开源的 UI 组件库,这里推荐 12 个优秀的组件库。

element

饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目。

Github star 数:45.5k, Github 地址 :https://github.com/ElemeFE/element

image

基于 element 的控制面 vue-element-admin

vuetify

一个为 Vue JS 2.0 打造的 Material 风格的组件库。

Github star 数:25.6k, Github 地址:https://github.com/vuetifyjs/vuetify

image

iView

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

Github star 数:23.3k, Github 地址:https://github.com/iview/iview

image

vux

VUX (读音 [v’ju:z],同 views)是基于 WeUIVue(2.x) 开发的移动端 UI 组件库,主要服务于微信页面。基于 webpack + vue-loader + vux 可以快速开发移动端页面,配合 vux-loader 方便你在 WeUI 的基础上定制需要的样式。 Vux-loader 保证了组件按需使用,因此不用担心最终打包了整个 vux 的组件库代码。 VUX 并不完全依赖于 WeUIVUXWeUI 的基础上扩展了多个常用组件,但是尽量保持整体 UI 样式接近 WeUI 的设计规范。

Github star 数:17k, Github 地址:https://github.com/airyland/vux

image

mint-ui

基于 Vue.js 的移动端组件库。

Github star 数:15.7k, Github 地址:https://github.com/ElemeFE/mint-ui/

image

vant

轻量,可靠的移动端 Vue 组件库。

Github star 数:13.8k, Github 地址:https://github.com/youzan/vant

image

bootstrap + vue

基于 bootstrapvue.js 的组件库。

Github star 数:11.5k, Github 地址:https://github.com/bootstrap-vue/bootstrap-vue

image

vue-material

Vue Material 是一个轻量级的框架, 建立在谷歌的 Material Design 基础上。 设计强大的和美观的web应用并适用于不同的屏幕。

Github star 数:8.8k, Github 地址:https://github.com/vuematerial/vue-material

image

ant-design-vue

ant-design-vueAnt DesignVue 实现,开发和服务于企业级后台产品。

Github star 数:8.3k, Github 地址:https://github.com/vuematerial/vue-material

image

muse-ui

基于 Vue 优雅的 Material Design UI 组件库。

Github star 数:8.1k, Github 地址:https://github.com/museui/muse-ui

image

cube-ui

基于 Vue.js 实现的精致移动端组件库。

Github star 数:8.1k, Github 地址:https://github.com/didi/cube-ui

image

buefy

基于 BulmaVue.js 实现的精致移动端组件库。

Github star 数:7.6k, Github 地址:https://github.com/buefy/buefy

image

基于 VueUI 组件库,除了上面这些,还有哪些不错的呢?有更好的,欢迎在评论区推荐。

感谢阅读,不喜勿喷,以人为善,比聪明更重要。
表达爱的方式是关注和点赞,有打赏就更完美了。
个人博客 - SevDot

Logo

前往低代码交流专区

更多推荐