React 前端导航
UI库
Ant Design Vue

Vue3 上的 Ant Design 包更小,感觉更轻,并且支持 SSR(还包括组合 API),Ant Design 拥有成熟的复杂组件,如数据表、统计框、pop 确认、模态和弹出窗口。

Element

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

BalmUI

Balm 基于谷歌的 Material Design,附带 Vue 插件和指令,以及从简单到复杂的高度可定制的组件,支持Vue3

Wave UI

WaveUI 拥有 40 多个漂亮且响应迅速的组件,它们的范围从旋转器到日历,以及介于两者之间的任何东西。WaveUI 还提供实用程序、可定制性和成熟的集成表单验证功能。

Vuestic

Vuestic 是 Vue 最漂亮的开源管理面板之一,擅长编写可维护的 Vue 代码,制作灵活的组件和接口。

Naive UI

naive-ui 仅支持 Vue3,提供了 70 多个制作精良的组件,这些组件可以无缝地融入几乎任何类型的 Vue3 应用

Quasar

uasar 是一个完整的、以性能为中心的框架,可帮助构建 Vue 用户界面(SPA、PWA、SSR、移动和桌面),除了 Vue、Node 和 Webpack,Quasar 还包含 Cordova、Capacitor 和 Electron,它们可以帮助构建桌面和移动体验,而无需单独学习。 作者:互联网工科生 链接:https://juejin.cn/post/7249938821856755770 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

PrimeVUE

PrimeVUE 也算是最早支持 Vue3 的框架之一,它并没有让人失望。PrimeVUE 拥有 80 多个组件,证明自己是此列表中组件范围最广的框架之一。

DevUI

仅支持Vue3,Vue DevUI 沉淀自华为软开云众多业务的优秀实践,70+社区开发者一起参与共建,包含 DatePickerPro、Splitter、Ripple 等多个特色组件。Vue DevUI 使用积木理论进行组件的设计和开发,尽可能平衡灵活性和易用性。对于 Table、Tree 等复杂组件,使用 Composition API 进行交互逻辑的拆分,确保组件的可扩展性和可维护性。

KingDesign

King Design,支持多框架的前端高质量组件库

iDux

idux 是一套企业级中后台 UI 组件库, 致力于提供高效愉悦的开发体验。 基于 Vue 3.x + TypeScript 开发, 全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。

Balm UI

BalmUI 是一款由 Balm.js (一款类似 Vue CLI 的前端工作流工具)团队打造前端 UI 组件库,基于最新的 Vue 3 构建,开箱即用,定制化强,设计风格完全遵循谷歌的 Material Design 设计规范,组件均可高定制化且可被独立使用,是一款交互体验非常优秀的 UI 组件库。

状态管理
Pinia

Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。