盘点12个Vue 3的高颜值UI组件库

网站建设4年前发布
34 0 0

今天给大家盘点12个Vue 3的高颜值UI组件库,凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库,用广东话讲:个个都靓。,20230306153809c67b2da661f7f57c900740ddfab8de6794183f914,官网地址:https://vuetifyjs.com/,Github(36k): https://github.com/vuetifyjs/vuetify,Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。一套完整的开发对接文档,易上手。,截屏:,2023030615354262f98770311e7d53018929fd53b0cf4d9f4d8c940,20230306153810178dac99610f56bf2ae51619833d56a3715301191,官网地址:https://vant-ui.github.io/vant/,Github(20.6k): https://github.com/vant-ui/vant,Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。,目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。,特性:,截屏:,20230306153544e9cf3d71689c6f97f28176c48a9189e30db0f8987,20230306153544c5bdca38285a6d3a0a929926bd7128deae0240903,官网地址:https://element-plus.org/zh-CN/,Github(36k): https://github.com/element-plus/element-plus,Element-plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。,可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器,请自行添加 Babel 和相应的 Polyfill 。,截屏:,2023030615354496fe0d711133dd169504419aa37833c95f2f43682,2023030615354414ebb6a36e40a009d2d801d8040e514d1c7775578,202303061538116183f6b65b2838a656e969e84e105e548580e2816,官网地址:https://antdv.com/,Github(17.5k): https://github.com/vueComponent/ant-design-vue,ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步,截屏,2023030615443864ba391223701c620cf6654a9d16d4a7291762106,2023030701453506aa51163c6c02f1674360ace7b493fe930e7b420,20230306153813b518e1a36150e32002c523f283417fb029c2d0912,官网地址:https://www.naiveui.com/,Github(11k):https://github.com/tusen-ai/naive-ui,Quasar 构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器(包括 iOS Safari!),截屏,20230306153813536643e0883ac2fe16b930aa769acff372b975113,20230306153551b784ae631850561b20d372a2ab567789fab2f2579,20230306154439b3451f178a94ae52cad24473de01929b4fbca0395,官网地址:https://quasar.dev/,Github(22.5k): https://github.com/quasarframework/quasar,Quasar 构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器(包括 iOS Safari!)并且通过与我们自己的CLI紧密集成,为每种构建模式(SPA、SSR、PWA、移动应用程序、桌面应用程序和浏览器扩展)提供一流的支持,并提供最佳的开发人员体验,截屏,2023030615444088b75a74230de7ce5b83734c8a4c590eca1843436,20230306153817b2f0b5b25e60ea6a57620808d021fdb671d0eb331,官网地址:https://arco.design/,Github(3.6k): https://github.com/arco-design,ArcoDesign 是一套设计系统的简称。,截屏,20230306153555319724f24f0d4212d33543e3a58ad2568b48d5750,2023030615355531d1083236ae3fa8942282d836503a2457f072297,20230306153555237ce1289304eb114d15322d155f19d571fa3d981,官网地址:https://e3.shengxinjing.cn/,Github(3.2k): https://github.com/hug-sun/element3,Element3 一套Element风格,为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件,截屏,2023030615355589700fe25e6458530592838315d5e7e576dad9171,20230306153818c611f96449e48bf41ae6409b1a6d34a7fd95ec397,2023030615444254d191855f0d713587872671393e1dbe8515b5855,官网地址:https://varlet.gitee.io/varlet-ui/#/en-US/index,Github(3.6k): https://github.com/varletjs/varlet,Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区建立起来的组件库团队进行维护。,特性:,截屏,20230306154443132f87b63b05f2ec3cf7891fe93e30f3b69270730,20230306153820d857d37986c672edf203216105d618178732bd839,20230306153820c66d38716a521463c0732422c4335422f3f07f121,官网地址:https://vue-devui.github.io/,Github(586): https://github.com/DevCloudFE/vue-devui,vue-devui 是基于 DevUI Design 的 Vue3 组件库,使用 pnpm + vite + vue3 + tsx 技术搭建,包含55个简洁、易用、灵活的组件,支持按需引入,支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题,截屏,20230306154447659be92674e3111e855113e5a94875dfef7a4d262,20230306153602d795b6776f6276acc91490b0f2236436cb8472487,20230306153823f9341cd589f3020df6b499870c11608c20edd8556,官网地址:https://idux.site/,Github(365): https://github.com/IDuxFE/idux,@idux 是一套企业级中后台 UI 组件库, 致力于提供高效愉悦的开发体验。,基于 Vue 3.x + TypeScript 开发, 全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。,特性:,截屏,20230307014912e410198196ae2e30042810d0efc534352a322c707,20230307014536d38e29955b89033f5a5807b686d9e363364cb6797,20230306153604b3a581d599c0571082f7565ab755c8c95b2e13838,官网地址:https://nutui.jd.com/#/,Github(4.9k): https://github.com/jdf2e/nutui,NutUI 3 京东风格的 Vue 移动端组件库,开发和服务于移动Web界面的企业级产品,特性:,截屏,20230306153605528f109464554ea0dfb527cb9895749d3ef887302,202303061536058600a874334182acecb206ec49ff5f5da2f5aa775,20230306153605a980c2d0089a3ba138d76988150388fb374579251,

© 版权声明

相关文章