切换模式
Vue UI 组件库
Element Plus
Element Plus是由饿了么团队开发,是目前流行度很广的一款前端 UI 框架,非常优秀!基于全新的 Vue3(当然也有 Vue2 版本),提供了丰富的 UI 组件和样式,性能和开发体验都非常棒,可以帮助开发者快速构建现代化的 UI 界面,非常适合初学者学习和使用。
| 文档地址 | 仓库地址 |
|---|---|
| Element Plus VUE3 版 | GitHub Gitee |
| Element - vue2版 | GitHub Gitee |
TDesign
TDesign 是一套完整的 企业级设计体系,拥有基于 Vue 、 React 、 小程序 等技术栈的组件库解决方案。 用于构建 设计统一 / 跨端多技术栈 的前端应用时,TDesign 更有优势。
| 文档地址 | 仓库地址 | 模板 |
|---|---|---|
| VUE2 版本 | GitHub | 预览 文档 |
| VUE3 版本 | GitHub | 预览 文档 |
| React 版本 | GitHub | 预览 文档 |
Ant Design
Ant Design - 阿里巴巴旗下的企业级免费 UI 组件库
Ant Design 是一个带设计语言的免费 UI 框架,一个致力于提升「用户」和「设计者」使用体验的企业级设计体系,简单地说,能够让使用它的人更愉悦。
| 文档地址 | 仓库地址 | 模板 |
|---|---|---|
| Ant React | GitHub | 预览 文档 |
| Ant Vue | GitHub | 免费 V2 |
Quasar
Quasar 是一个完整的、以性能为中心的框架,可帮助构建 Vue 用户界面(SPA、PWA、SSR、移动和桌面),除了 Vue、Node 和 Webpack,Quasar 还包含 Cordova、Capacitor 和 Electron,它们可以帮助构建桌面和移动体验,而无需单独学习。
| 文档地址 | 仓库地址 |
|---|---|
| QuasarUi 中文地址 | GitHub Gitee |
PrimeVUE
PrimeVUE 也算是最早支持 Vue3 的框架之一,它并没有让人失望。PrimeVUE 拥有 80 多个组件,证明自己是此列表中组件范围最广的框架之一。
| 文档地址 | 仓库地址 |
|---|---|
| PrimeVue | GitHub |
NaiveUI
Naive UI 在 Twitter 上发布被 Vue 的创建者转发,它提供了 70 多个制作精良的组件,这些组件可以无缝地融入几乎任何类型的 Vue3应用。Naive的组件性能优异,可定制性极强,并支持 TypeScript,提供了很棒的开发体验。
| 文档地址 | 仓库地址 |
|---|---|
| Naive UI | GitHub Gitee |
Arco Design
Arco Design 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统,Arco Design Vue 是基于 Arco Design 的 Vue3 组件库,于 2021 年 10 月开源,提供 71 个组件。
| 文档地址 | 仓库地址 | 模板 |
|---|---|---|
| ArcoVue | GitHub | 文档 预览 |
| ArcoReact | GitHub | 文档 预览 |
Vuestic
Vuestic 的 Vue3 版本,包含了流行的Vuestic Admin UI和更多的组件。Vuestic 强调它对键盘导航的开箱即用支持,由于它提供的用户体验,这个特性在前端社区很受欢迎。
Vuestic 提供了 50 多个具有独特功能和广泛可配置性的组件,应式设计,这些组件几乎适用于所有屏幕分辨率。Vuestic 在整个框架中提供无缝翻译支持和键盘可访问性。
| 文档地址 | 仓库地址 |
|---|---|
| Vuestic UI | GitHub |
TinyVue
这是华为云出品的企业级设计体系统,一套前端 UI 组件库。TinyVue 是一套跨端、跨框架的企业级 UI 组件库,基于 Renderless 无渲染组件设计构架,实现了一套代码同时支持 Vue 2 和 Vue 3,支持 PC 端和移动端,包含 84 个功能丰富的组件,内置 4 套精美主题。
| 文档地址 | 仓库地址 | 模板 |
|---|---|---|
| TinyVue | GitHub Gitee | 文档 预览 |
VueTify
Vuetify 是一个 Vue.js 的 Material Design 组件框架,它提供了一系列精美的 UI 组件、布局和主题,这些组件和主题都遵循 Google 的 Material Design 准则,这使得开发人员可以轻松地构建外观专业且响应性强的 web 应用程序,而无需掌握广泛的设计技能。
| 文档地址 | 仓库地址 |
|---|---|
| vuetifyjs | GitHub Gitee |