前端开发Vue常用的组件库大全-CSDN博客

有赞出品的 Vant UI，在 Vue 移动端开发领域表现出色。它对 Vue 2 和 Vue 3 都提供了良好的支持，同时还适配微信小程序和支付宝小程序。官网地址：https://youzan.github.io/vant/v1/#/zh-CN/introhttps://youzan.github.io/vant/v1/#/zh-CN/intro ，丰富的组件和详尽的文档，能助力开发者迅速搭建出美观且功能完备的移动应用界面。

（二）uView（Vue2）与 uview-plus（Vue3）

uView 是 uni-app 生态中广受欢迎的 UI 框架，而 uview-plus 则是对 uView 的升级，全面兼容 nvue，更贴合 Vue 3 的开发模式。

uView（Vue2）：uView - 多平台快速开发的UI框架 - uni-app UI框架
uview-plus（Vue3）：uview-plus - 全面兼容nvue/鸿蒙/uni-app-x的uni-app生态框架 - uni-app UI框架

（三）Cube UI

滴滴出行打造的 Cube UI，秉持简单易用、轻量级的设计理念，为移动端开发带来了诸多便利。地址：cube-ui Document ，它提供的组件能有效提升移动应用的性能和用户体验。

（四）NuTUI

NuTUI 是京东推出的移动端 UI 库，特别针对电商业务场景进行了优化，支持 Vue 2 和 Vue 3。官网：NutUI - 移动端组件库，在电商类移动应用开发中，能极大地提高开发效率。

（五）Mint UI

饿了么前端团队开发的 Mint UI，为移动端开发提供了丰富的组件和样式。官网：Mint UI ，其简洁高效的设计，让开发者能快速构建出高质量的移动应用。

（六）Varlet UI

基于 Vue 3 和 TypeScript 开发的 Varlet UI，设计理念是简洁、易用和高效。官网：https://varletjs.org/#/zh-CN/index ，它能帮助开发者快速搭建优秀的 Web 应用，并且对 TypeScript 的支持让代码更具可读性和可维护性。

（七）Onsen UI

Onsen UI 是一个开源的移动端 UI 组件库，不仅支持 Vue.js，还兼容 Angular、React 等多个框架。官网：http://s.onsen.io/ ，借助它可以快速构建出优秀的混合移动应用。

（八）VUX

VUX 是专门针对微信进行优化的移动端 UI 组件库。官网：https://vux.li/ ，在微信小程序开发中，能帮助开发者快速实现各种功能，提升用户体验。

二、PC 端（web 端）常用组件库

（一）Element UI（Vue2）与 Element UI PLUS（Vue3）

Element UI（Vue2）：饿了么前端团队的经典之作，在 Vue 2 项目中应用广泛。官网：Element - The world's most popular Vue UI framework
Element UI PLUS（Vue3）：在 Element UI 的基础上进行了增强，更适配 Vue 3 的开发环境。官网：一个 Vue 3 UI 框架 | Element Plus

（二）Ant Design Vue (2/3)

Ant Design Vue 基于 Ant Design 设计体系，为 Vue 项目提供了大量优雅实用的组件。官网：Ant Design Vue ，无论是小型项目还是大型企业级应用，都能从中找到合适的组件。

（三）Naive UI

由 Vue.js 爱好者自发开发的 Naive UI，组件简洁美观、易用性强。官网：Naive UI ，在 Vue 3 项目中，能为开发者带来高效的开发体验。

（四）Avue（Vue 动态组件库）

Avue 专注于数据驱动视图，为企业开发提供了便捷的组件库。官网：Avue ，在企业级项目开发中，能帮助开发者快速搭建界面，处理复杂的数据展示和交互。

（五）Vuetify 3

基于谷歌 Material Design 样式开发的 Vuetify 3，与 Vue 3 深度集成。官网：Vuetify —— 一个 Vue 的组件框架 — Vuetify ，能帮助开发者构建出具有现代感和丰富交互的应用程序。

（六）iView

iView 提供了丰富、美观且易用的组件，设计风格简约清新，响应式布局适配多种设备。官网：iView / View Design 一套企业级 UI 组件库和前端解决方案，在各类 Web 应用开发中都有广泛的应用。

（七）Vue Material

遵循 Google Material Design 指南的 Vue Material，提供了高度可定制的组件。官网：Vue Material ，能帮助开发者打造出具有 Material Design 风格的 Web 应用。

（八）Vue Material Kit

基于 Vue.js 3 和 Bootstrap 5 的免费 UI 工具包，提供了众多可复用的组件和页面模板。官网：Vue Material Kit 2: Free VueJS 3 & Bootstrap 5 Kit @ Creative Tim ，在快速搭建项目原型或小型项目开发中非常实用。

（九）vue-element-admin

基于 Vue.js 和 Element UI 的后台管理系统模板，开箱即用，功能丰富。官网：vue-element-admin ，大大节省了后台管理系统的开发时间。

（十）Vue Bootstrap

结合 Vue.js 和 Twitter Bootstrap 的优势，提供了美观且可定制的组件。官网：BootstrapVue ，在开发响应式 Web 应用时，能帮助开发者快速实现各种功能。

（十一）Vue-Blu

基于 Vue.js 和 Bulma 开发的 Vue-Blu，专为 PC 端中后台产品提供解决方案。官网：Vue-Blu ，其丰富的组件和灵活的定制性，能满足中后台项目的各种需求。

（十二）Keen UI

轻量级的 Keen UI，提供了简单灵活的组件，设计风格基于 Material Design。官网：Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. ，在开发轻量级 Web 应用时，能减少代码量，提高开发效率。