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

1.Element-Plus

 

项目地址(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

 

项目官网: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

 来自字节跳动

官网地址: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

 

 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 的 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

官网地址: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

 官网地址: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

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值