2024 年最值得推荐的 7 个 Vue3 组件库

你好,我是 Kagol。

Vue 是一款易学易用,性能出色,适用场景丰富的渐进式 JavaScript 框架,深受广大开发者的喜爱,Vue3 更是推出了 Composition API,让逻辑复用更友好。

马上就到 2024 年了,如果你的项目正在使用 Vue3,或者打算升级 Vue3,以下 Vue3 组件库或许是不错的选择。

Element Plus

Element UI 是国内使用最广泛的 Vue2 组件库之一,而 Element Plus 是 Element UI 的升级版,基于 Vue3 和 TypeScript,提供了 70 多个易于使用的组件。

Element Plus 于 2020年9月发布第一个 Beta 版本,2022年2月发布第一个稳定版本 v2.0.0,目前基主要由社区开发者在维护。

以下是截止到 2023.12.9 的数据情况:

指标 数值
Star 22k
NPM 周下载 155,168
Issue 1251(Open)+4682(Closed)
PR 397+6027
贡献者 540
组件数 70

Vuetify

Vuetify 基于 Material Design 设计规范,提供 80 多个组件,拥有动态主题、全局默认值、应用框架等丰富而强大的特性,它以提供给开发者丰富的工具,给用户良好而丰富的使用体验为最终目标。

Vuetify 是一个国外的老牌 Vue 组件库,2016年7月发布第一个版本,2018年2月发布 v1.0.0 稳定版本,2022年11月发布 v3.0.0 正式版本,开始支持 Vue3。目前主要由 John LeiderKaelWD 在开发和维护。

指标 数值
Star 38.4k
NPM 周下载 426,429
Issue 665+12443
PR 125+4792
贡献者 898
组件数 80

Ant Design Vue

Ant Design 是全球历史最悠久和最受欢迎的组件库之一,官方提供 React 版本,Ant Design Vue 是它的 Vue 版本,由社区开发和维护,遵循 Ant Design 设计规范,提供 67 个组件。

Ant Design Vue 于 2017年9月创建代码仓库,2018年8月发布第一个版本,2022年4月发布 v3.0.0 版本,开始支持 Vue3,目前主要由 tangjinzhou 在开发和维护。

指标 数值
Star 19k
NPM 周下载 74,447
Issue 173+5115
PR 36+1619
贡献者 243
组件数 67

Quasar

Quasar 不仅仅是一个组件库,而是一个基于 Vue 的开源框架,可以帮助 Web 开发人员快速创建多种风格的响应式 ++ 网站/应用程序:

  • SPA(单页应用程序)
  • SSR(服务器端渲染应用程序)(+可选的 PWA 客户端接管)
  • PWA(渐进式 Web 应用程序)
  • BEX(浏览器扩展)
  • 通过 Cordova 或 Capacitor 的移动应用程序(Android、iOS 等)
  • 多平台桌面应用程序(使用 Electron)

Quasar 提供 71 个组件和丰富的工具,实现编写一次代码,同时将其部署为网站、移动应用程序和桌面应用程序,可以帮助开发者快速开发一款跨平台的应用程序。

Quasar 于 2015年10月创建代码仓库,2019年7月发布第一个稳定版本 v1.0.0,2021年6月发布 v2.0.0 版本,开始支持 Vue3,目前主要由 rstoenescu 在开发和维护。

指标 数值
Star 24.6k
NPM 周下载 102,106
Issue 428+7050
PR 99+4429
贡献者 674
组件数 71

Naive UI

Naive UI 由图森未来公司创建,只支持 Vue3,不支持 Vue2,一个有点意思的 Vue3 组件库,这体现在 Naive UI 官网文档的每一处文案中,目前提供 80 个组件。

Naive UI 于 2019年5月创建代码仓库,2021年6月发布第一个版本 v2.11.0,目前主要由 07akioni 在开发和维护。

指标 数值
Star 14.2k
NPM 周下载 20,900
Issue 622+1889
PR 131+2580
贡献者 264
组件数 80

Arco Design Vue

Arco Design 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统,Arco Design Vue 是基于 Arco Design 的 Vue3 组件库,于2021年10月开源,提供 71 个组件。

Arco Design Vue 于 2021年1月创建代码仓库,并发布第一个版本 v2.0.0,目前主要由 flsion 在开发和维护。

指标 数值
Star 2.3k
NPM 周下载 4,523
Issue 561+1174
PR 36+1042
贡献者 102
组件数 71

TinyVue

最后给大家推荐一款今年2月份刚开源的新兴组件库:TinyVue。

TinyVue 是一套跨端、跨框架的企业级 UI 组件库,基于 Renderless 无渲染组件设计构架,实现了一套代码同时支持 Vue 2 和 Vue 3,支持 PC 端和移动端,包含 84 个功能丰富的组件,内置 4 套精美主题。

TinyVue 最大的特点就是基于 Renderless 无渲染组件设计架构实现了跨端跨框架,让各框架组件库共用同一套组件逻辑,让组件库在各框架之间平滑迁移。

短期来看,一个具体的业务一般已经选定了前端框架,不容易在框架之间迁移;

但从长远来看,技术会演进,前端框架会变迁,比如早期的 jQuery 变迁到现在的三大框架,未来可能三大框架不流行了,大家都使用新框架,我们也希望能让使用 TinyVue 的业务能够快速迁移到新框架,真正实现面向未来。

OpenTiny 前端组件库正式开源啦!面向未来,为开发者而生

TinyVue 最早在2014年在公司内部开始孵化,现已服务于公司内部大量的业务,今年刚开源,也希望朋友们多多支持我们,给我们提提建议,欢迎在评论区留言。

从自研走向开源的 TinyVue 组件库

TinyVue 于 2022年12月创建代码仓库,并发布第一个 Alpha 版本,2023年2月发布第一个正式版本 v3.5.0,目前主要由 TinyVue 团队开发和维护。

指标 数值
Star 1.1k
NPM 周下载 1,548
Issue 85+204
PR 11+759
贡献者 60
组件数 84

联系我们

GitHub:github.com/opentiny/ti...(欢迎 Star ⭐)

官网:opentiny.design/tiny-vue

B站:space.bilibili.com/15284299

公众号:OpenTiny

相关推荐
想要打 Acm 的小周同学呀7 分钟前
前端组件化开发
前端·javascript·vue.js·组件化开发
鸡c17 分钟前
rabbitMq-----broker服务器
服务器·前端·rabbitmq
yqcoder40 分钟前
Vue3 指令详解
前端·javascript·vue.js
GoppViper1 小时前
互联网前后端分离的开发场景,一般会员和数据权限的判断是放在前端还是后端?
前端·后端·架构·golang·前后端分离
0wioiw01 小时前
web笔记
前端·笔记
CocoaAndYy2 小时前
Spring之生成Bean
java·前端·spring
前端李易安2 小时前
vue 项目中的配置文件(.env)的用法
前端·javascript·vue.js
yaoxin5211232 小时前
第三十五章 结合加密和签名
java·前端·网络
李小白662 小时前
操作系统第三章 内存管理概念(上)
java·服务器·前端
Front思2 小时前
vue3中el-input在form表单按下回车刷新页面
前端·javascript·vue.js