elementui elementui组件库

你好，我是Echa。

Vue 3.0发布两年多了，今年2月，Vue 3.0正式成为新的默认版本。今天分享7个Vue 3的高价值UI组件库！

全文大纲:

Element Plus： 由饿了么开源出品（首选）；Ant Design Vue：服务于企业级后台产品；Naive UI：是一款由图森未来开源VARLET：全面拥抱 Vue3 生态；NutUI：由京东出品的移动端 Vue2、Vue3 组件库；Vant：由有赞出品的轻量、可靠的移动端组件库；Arco Design：一套由字节跳动出品的；Element PlusGithub（17.9K）：https://github.com/element-plus/element-plus官方网址：https://element-plus.org/zh-CN/

Element Plus是饿了么开源出品的一套面向开发者、设计师、产品经理的基于Vue 3.0的组件库。Element Plus采用TypeScript+Composition API进行重构，提供完整的类型定义文件，使用Vue 3.0 Composition API减少耦合和简化逻辑，使用Lerna维护和管理项目，提高对52种国际语言的支持，支持黑暗模式。

由于Vue 3不再支持IE11，Element Plus不再支持IE浏览器，其环境支持如下:

Ant Design VueGithub(17.4K)：https://github.com/vueComponent/ant-design-vue官方网址：https://antdv.com/components/overview

Vue的蚂蚁设计是蚂蚁设计的Vue实现，开发和服务企业级后台产品。它具有以下特点:

提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 Vue 组件。共享 Ant Design of React 设计工具体系。

蚂蚁设计Vue支持服务器端渲染及其在电子中文中的使用。其环境支持如下:

Naive UIGithub(10.9K)：https://github.com/tusen-ai/naive-ui官方网址：https://www.naiveui.com/

Naive UI是Tucson Future开源开发的基于Vue 3.0/TypeScript技术栈的UI组件库。它具有以下特点:

组件丰富完整，超过70个常用业务组件，支持按需引入；官方提供主题编辑器，不用繁琐的 less、sass、css 变量，也不用 webpack 的 loaders，使用的是由 TypeScript 构建的先进的类型安全主题系统；运行快小巧轻量，专门针对样式优化，所有组件都可以 treeshaking，不需要导入任何 CSS 就能让组件正常工作。

VARLETGithub(3.6K)：https://github.com/varletjs/varlet官方网址：https://varlet.gitee.io/varlet-ui/#/zh-CN/index

Varlet是基于Vue3开发的材质风格移动组件库，完全拥抱Vue3生态，由社区团队维护。它支持类型脚本、按需引入、黑暗模式、主题定制和国际化，并提供了良好的VS代码插件开发体验。

NutUIGithub(4.9K)：https://github.com/jdf2e/nutui官方网址：https://nutui.jd.com/#/

NutUI是JD.COM出品的一套移动终端Vue2和Vue3组件库，支持一套代码生成H5和小程序。它具有以下特点:

70+ 高质量组件，覆盖移动端主流场景支持按需引用支持 TypeScript支持服务端渲染支持组件级别定制主题，内置 700+ 个变量国际化支持，已支持英文，印尼语和繁体中文单元测试覆盖率超过 80%，保障稳定性提供 Sketch 设计资源VantGithub(20.5K)：https://github.com/youzan/vant官方网址：https://vant-ui.github.io/vant/

Vant是优赞出品的一款轻量级可靠的移动组件库。目前Vant官方提供Vue 2版本、Vue 3版本和微信小程序版本。它具有以下特点:

性能极佳，组件平均体积小于 1KB（min+gzip）70+ 个高质量组件，覆盖移动端主流场景零外部依赖，不依赖三方 npm 包使用 TypeScript 编写，提供完整的类型定义单元测试覆盖率超过 90%，提供稳定性保障提供 Sketch 和 Axure 设计资源支持主题定制，内置 700+ 个主题变量支持按需引入和 Tree Shaking支持深色模式支持 Nuxt 3支持服务器端渲染支持国际化，内置 20+ 种语言包Arco DesignGithub(1,7K)：https://github.com/arco-design/arco-design-vue官方网址：https://arco.design/themes/home

Arco Design是一套基于字节跳动生产的Arco Design的Vue UI组件库。提供60多个开箱即用的优质组件，可以覆盖大部分业务场景。