Vue 3的高颜值UI组件库
Vue 3.0 已经发布两年多的时间,今年 2 月 Vue 3.0 也正式成为新的默认版本。今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库!
Element Plus
Element Plus 是一套由饿了么开源出品的为开发者、设计师和产品经理准备的基于 Vue 3.0 的组件库。Element Plus 使用 TypeScript + Composition API 进行了重构,提供完整的类型定义文件,使用 Vue 3.0 Composition API 降低耦合、简化逻辑,使用 Lerna 维护和管理项目,完善了 52 种国际化语言支持,支持了黑暗模式。
由于 Vue 3 不再支持 IE11,Element Plus 也不再支持 IE 浏览器,其环境支持情况如下:
Github:https://github.com/element-plus/element-plus
官方文档:https://element-plus.org/zh-CN/
Ant Design Vue
Ant Design of Vue 是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。其具有以下特性:
提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量 Vue 组件。
共享 Ant Design of React 设计工具体系。
Ant Design Vue 支持服务端渲染,支持在 Electron 中使用,其环境支持情况如下:
Github:https://github.com/vueComponent/ant-design-vue
官方文档:https://antdv.com/components/overview
Naive UI
Naive UI 是一款由图森未来开源,基于 Vue 3.0/TypeScript 技栈开发的 UI 组件库。其具有以下特点:
组件丰富完整,超过70个常用业务组件,支持按需引入;
官方提供主题编辑器,不用繁琐的 less、sass、css 变量,也不用 webpack 的 loaders,使用的是由 TypeScript 构建的先进的类型安全主题系统;
运行快小巧轻量,专门针对样式优化,所有组件都可以 treeshaking,不需要导入任何 CSS 就能让组件正常工作。
Github:https://github.com/tusen-ai/naive-ui
官方文档:https://www.naiveui.com/
VARLET
Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区团队维护。其支持 Typescript、按需引入、暗黑模式、主题定制、国际化,并提供 VS Code 插件保障良好的开发体验。
Github:https://github.com/varletjs/varlet
官方文档:https://varlet.gitee.io/varlet-ui/#/zh-CN/index
NutUI
NutUI 是一套由京东出品的移动端 Vue2、Vue3 组件库,支持一套代码生成 H5 和小程序。其具有以下特点:
70+ 高质量组件,覆盖移动端主流场景
支持按需引用
支持 TypeScript
支持服务端渲染
支持组件级别定制主题,内置 700+ 个变量
国际化支持,已支持英文,印尼语和繁体中文
单元测试覆盖率超过 80%,保障稳定性
提供 Sketch 设计资源
Github:https://github.com/jdf2e/nutui
官方文档:https://nutui.jd.com/#/
Vant
Vant 是一套由有赞出品的轻量、可靠的移动端组件库。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本。其具有以下特点:
性能极佳,组件平均体积小于 1KB(min+gzip)
70+ 个高质量组件,覆盖移动端主流场景
零外部依赖,不依赖三方 npm 包
使用 TypeScript 编写,提供完整的类型定义
单元测试覆盖率超过 90%,提供稳定性保障
提供 Sketch 和 Axure 设计资源
支持主题定制,内置 700+ 个主题变量
支持按需引入和 Tree Shaking
支持深色模式
支持 Nuxt 3
支持服务器端渲染
支持国际化,内置 20+ 种语言包
Github:https://github.com/youzan/vant
官方文档:https://vant-ui.github.io/vant/
Arco Design
Arco Design 是一套由字节跳动出品的基于 Arco Design 的 Vue UI 组件库。提供了 60 多个开箱即用的高质量组件, 可以覆盖绝大部分业务场景。
Github:https://github.com/arco-design/arco-design-vue
Vue 3的高颜值UI组件库相关推荐
- 初探 amaze-vue( 基于vue.js封装的Amaze UI 组件库)
Amaze UI 是以移动优先(Mobile first)为理念,面向 HTML5 开发的国产优秀组件库.因官方未提供vue.js版本,而且民间一直对vue.js版本的 Amaze UI 组件库呼声很 ...
- 【Vue.js】Vue.js中常用的UI组件库和Vue Router
1.Vue生态中常用的UI组件库 1. vant 介绍 轻量级.可靠的移动端 Vue 组件库 有赞前端团队出品 GitHub地址:https://github.com/youzan/vant 特性 拥 ...
- iView:一套基于Vue的高质量UI组件库
基于Vue的UI组件库现在已经有很多了,尤其是移动端的.现在又多了一个 iView . 先睹为快 iView 主要服务于PC界面的中后台业务,是一套高质量的开源UI组件库,先上地址: github.c ...
- Vue (十五) --------- UI 组件库
目录 一.移动端常用 UI 组件库 1. Vant 2. Vux 3. Cube UI 4. Mint UI 二.PC 端常用 UI 组件库 1. Element UI 2. IView UI 3. ...
- 一些热门的前端UI组件库(附用例)
1.Vuetify(Vue) Vuetify 官网 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库. 不需要任何设计技能 - 创建叹为观止的应用程序所需的一切都触手可及. 这是 ...
- 热门的前端UI组件库
移动端 移动端组件库名称及简述 官网链接 Vant,轻量.可靠的移动端 Vue 组件库 Vant 移动端组件库 Mint UI,基于 Vue.js 的移动端组件库 MintUI 移动端组件库 Vant ...
- 高颜值微信小程序 UI 组件库!
Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...
- 16款优秀的Vue UI组件库推荐
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
- 17款优秀的Vue UI组件库汇总
17款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
最新文章
- win10清理_大家都说Win10系统不用装360,那么如何清理电脑软件垃圾呢?
- [导入]ASP.Net环境下使用Jmail组件发送邮件
- shell-1-命令与参数
- ylbtech-数据库设计与优化-对作为复选框/单选列表的集合表的设计
- 2010年浙江大学计算机及软件工程研究生机试真题
- 什么是区块链?什么是比特币?一文轻松看懂!
- IDEA如何进行debug调试
- 简要html漂浮广告代码,JS漂浮广告代码
- struct字节计算
- java谜题读书笔记_《java深度历险》读书笔记(一)
- 修改el-pagination分页样式
- openstack kolla 安装报错
- win10 安装.net framework3.5 失败,遇到0x800f081f并提示“找不到源文件。请使用“源”选项指定还原该功能所需的文件位置” 的问题
- 转移到ios下载安卓_转移到iOS下载-转移到iOS安装器(安卓转移苹果软件)下载v2.10.0 安卓版-当易网...
- Java标识符的命名规则有哪些
- 经纬张颖:给科研技术背景创始人的十条建议
- 1的取反为什么是-2
- 芝加哥 计算机 录取,花样Offer来袭~藤门收获芝大、哥大、杜克、宾大、康奈尔、帝国理工等多枚录取!...
- SpringBoot---------Redis
- elasticsearch + geo地理位置附近的站点查询
热门文章
- 业务数据相同,用友U8与金蝶K3计算的实际成本相同吗
- ElasticSearch工作原理解读及一些思考
- P7774 KUTEVI
- 新版余额宝终于不限额了!
- java关于Zxing 生成带Logo 二维码图片失真问题
- l36h android l rom,索尼L36h的rom刷机包分享
- 从入职到离职的收获——ICT四个月
- C4d lite r 16语言包,[其他软件] C4D S22 三维软件Maxon Cinema 4D S22.016 C4D R22 含中文语言包 破译版(Win)...
- 数学建模写作排版——LaTeX
- OM | 供应链网络仓配中心选址的建模与优化——双十一日子里的感受