UI web
Element-Plus
Element Plus
是一个为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。
资源地址
Naive UI
Naive UI
一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,快,有点意思。
资源地址
Ant Design Vue
Ant Design Vue
是 Ant Design 的 Vue.js
实现,开发和服务于企业级后台产品。
特性:
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Vue 组件。
- 共享 Ant Design of React 设计工具体系。
资源地址
Arco Design Vue
字节跳动基于 Arco Design 开源的 Vue UI
组件库。60 多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。
资源地址
Quasar
Quasar
是一个基于 Vue.js
的全功能前端框架,支持开发 Web
应用、移动应用、桌面应用以及 PWA
,适合构建跨平台应用。
资源地址
Vexip UI
Vexip UI
组件库使用全新的 组合式 Api 编写,并尽可能采用 Vue 传统的方式设计和编写组件,全量的 TypeScript。 每个组件几乎所有的 属性默认值 均可以通过注入配置快速修改,轻松实现定制化。
特性
- 开箱即用的高质量 Vue3 组件
- 符合直觉的 api 设计,易于理解与使用
- 完全使用组合式 api 编写,拥有优秀的性能与拓展性
资源地址
Heyui
HeyUI@2.0
是一套基于 Vue3.0
的开源 UI
组件库,主要服务于一些中后台产品。
特性
HeyUI 提供的是一整套解决方案,所有的组件提供全局的可配置模式。
- 真正的数据驱动。
- 全局的配置模式。
- 数据字典化。
资源地址
BalmUI
BalmUI
是一个模块化且可定制的 Material Design UI
库,适用于 Vue 3
。
特性
- 提炼自企业级中后台产品的交互效果和视觉风格
- 开箱即用的高质量 Vue 组件/插件/指令/常用工具库
- 深入每个细节的主题定制能力
- 集成完整最新的 Material Icons
- 所有组件和插件均高可定制化,并且可被独立使用
资源地址
Vuestic UI
Vuestic-ui
是 Vue 最漂亮的开源管理面板之一,擅长编写可维护的 Vue 代码,制作灵活的组件和接口。
资源地址
IDUX UI
@idux
是一套企业级中后台 UI 组件库, 致力于提供高效愉悦的开发体验。 基于 Vue 3.x
+ TypeScript
开发, 全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。
特性
- Monorepo 管理模式:cdk, components, pro
- 全面拥抱 Composition Api,从源码到文档
- 完全使用 TypeScript 开发,提供完整的类型定义
- 开箱即用的 Tree Shaking
- 高覆盖率的单元测试
- 国际化语言支持
- 灵活的全局配置
- 深入细节的主题定制能力
资源地址
RelaxPlus
RelaxPlus
,一套为开发者学习 Vue 3.x 而准备的友好、简洁、轻盈、精致的桌面端组件库。
资源地址
Viewer Design
Viewer Design
是一款基于 Vue3.0 + typescript 开发的中后台 UI 组件库, 组件的高配置性 + 传统的 UI 组件库的特性 + 更好的交互体验,为用户的使用提供了很大的便利
资源地址
- 仓库资源:GitHub 地址
Bin UI Next
Bin-UI-Next
是 bin-ui 的 vue3 升级版,目前组件库已经基本完成重构,整体组件依赖 vue3
特性
- 基于 Vue 3.0 Composition API。
- 最新图标基于阿里 iconfont ant-design 官方图标精简版,
- 移除了部分冗余代码,
- 部分组件代码进行重构优化。
资源地址
- 仓库资源:GitHub 地址
Vuetify
Vuetify
是一个功能强大的 Vue 组件框架,从底层开始构建,易学易用。