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

相关推荐
JayceM9 分钟前
Vue中v-show与v-if的区别
前端·javascript·vue.js
HWL567913 分钟前
“preinstall“: “npx only-allow pnpm“
运维·服务器·前端·javascript·vue.js
德育处主任1 小时前
p5.js 掌握圆锥体 cone
前端·数据可视化·canvas
mazhenxiao1 小时前
qiankunjs 微前端框架笔记
前端
无羡仙1 小时前
事件流与事件委托:用冒泡机制优化前端性能
前端·javascript
秃头小傻蛋1 小时前
Vue 项目中条件加载组件导致 CSS 样式丢失问题解决方案
前端·vue.js
CodeTransfer1 小时前
今天给大家搬运的是利用发布-订阅模式对代码进行解耦
前端·javascript
阿邱吖1 小时前
form.item接管受控组件
前端
韩劳模1 小时前
基于vue-pdf实现PDF多页预览
前端
鹏多多1 小时前
js中eval的用法风险与替代方案全面解析
前端·javascript