适用于VUE3的几款高颜值UI组件库

1.Element-Plus

适用于VUE3的几款高颜值UI组件库_第1张图片

 

项目地址(Github):GitHub - element-plus/element-plus: A Vue.js 3 UI Library made by Element team A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.https://github.com/element-plus/element-plus

项目地址(Gitee):一个 Vue 3 UI 框架 | Element Plusa Vue 3 based component library for designers and developershttps://element-plus.gitee.io/zh-CN/

 2.Naive UI

适用于VUE3的几款高颜值UI组件库_第2张图片

 

项目官网:Naive UIhttps://www.naiveui.com/zh-CN/light项目地址(Github):https://github.com/TuSimple/naive-uiicon-default.png?t=M3K6https://github.com/TuSimple/naive-ui

3.Arco Design Vue

适用于VUE3的几款高颜值UI组件库_第3张图片

 来自字节跳动

官网地址:Arco Design - 企业级产品的完整设计和开发解决方案https://arco.design/

 项目地址(Github):arco-design · GitHubicon-default.png?t=M3K6https://github.com/arco-design

4.TDesign

来自腾讯

官网地址: TDesign - 开源的企业级设计体系icon-default.png?t=M3K6https://tdesign.tencent.com/

项目地址(Github):GitHub - Tencent/tdesign: Enterprise Design Systemicon-default.png?t=M3K6https://github.com/Tencent/tdesign

5.Ant Design

 

适用于VUE3的几款高颜值UI组件库_第4张图片

 Ant Design来自蚂蚁集团 Vue版本由社区实现

官网地址:Ant Design 的 Vue 实现,开发和服务于企业级后台产品。icon-default.png?t=M3K6https://antdv.com/components/overview-cn

 项目地址(Github):GitHub - vueComponent/ant-design-vue: An enterprise-class UI components based on Ant Design and Vue. icon-default.png?t=M3K6https://github.com/vueComponent/ant-design-vue

 6.Varlet UI

适用于VUE3的几款高颜值UI组件库_第5张图片

 

官网地址:面向 Vue3 的 Material 风格移动端组件库icon-default.png?t=M3K6https://varlet-varletjs.vercel.app/#/zh-CN/home

 项目地址(Github):https://github.com/varletjs/varleticon-default.png?t=M3K6https://github.com/varletjs/varlet

 


下面几款UI组件库暂时没有中文文档,但是也是完成度以及颜值非常高的组件库,感兴趣的可以研究一下

7.Vuestic UI

适用于VUE3的几款高颜值UI组件库_第6张图片

官网地址:Vuestic UI — Vue.js 3.0 UI Frameworkicon-default.png?t=M3K6https://vuestic.dev/项目地址(Github):GitHub - epicmaxco/vuestic-ui: Free and Open Source UI Library for Vue 3 Free and Open Source UI Library for Vue 3 . Contribute to epicmaxco/vuestic-ui development by creating an account on GitHub.https://github.com/epicmaxco/vuestic-ui

 8.Vuesax

适用于VUE3的几款高颜值UI组件库_第7张图片

 官网地址:Vue.js Framework Components - Vuesaxicon-default.png?t=M3K6https://vuesax.com/

 项目地址(Github):https://github.com/lusaxweb/vuesax-nexticon-default.png?t=M3K6https://github.com/lusaxweb/vuesax-next

你可能感兴趣的:(vue,vue.js,前端,前端框架)