文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-12-01 01:41

关注

全文大纲

  1. Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库
  2. Vant 3.0 有赞前端团队开源的移动端组件库
  3. Element Plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库
  4. Ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步
  5. Naive UI 一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,不算太慢,有点意思
  6. Quasar 构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器(包括 iOS Safari!)
  7. Arco Design Vue 字节跳动基于 Arco Design 开源的 Vue UI 组件
  8. Element3 一套Element风格,为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件
  9. Varlet 基于 Vue3 的 Material design 风格移动端组件库
  10. Vue-devui 基于 DevUI Design 的 Vue3 组件库,使用 pnpm + vite + vue3 + tsx 技术搭建
  11. Idux 一个基于 Vue 3.x 和 TypeScript 开发的开源组件库
  12. NutUI 3 京东风格的 Vue 移动端组件库,开发和服务于移动Web界面的企业级产品

Vuetify

官网地址:https://vuetifyjs.com/

Github(36k): https://github.com/vuetifyjs/vuetify

Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。一套完整的开发对接文档,易上手。

截屏:

 Vant 4.0

官网地址:https://vant-ui.github.io/vant/

Github(20.6k): https://github.com/vant-ui/vant

Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。

特性:

截屏:

 Element Plus

官网地址:https://element-plus.org/zh-CN/

Github(36k): https://github.com/element-plus/element-plus

Element-plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。

可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器,请自行添加 Babel 和相应的 Polyfill 。

截屏:

 Ant-design-vue

官网地址:https://antdv.com/

Github(17.5k): https://github.com/vueComponent/ant-design-vue

ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步

截屏

 Naive UI

官网地址:https://www.naiveui.com/

Github(11k):https://github.com/tusen-ai/naive-ui

Quasar 构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器(包括 iOS Safari!)

截屏

Quasar

官网地址:https://quasar.dev/

Github(22.5k): https://github.com/quasarframework/quasar

Quasar 构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器(包括 iOS Safari!)并且通过与我们自己的CLI紧密集成,为每种构建模式(SPA、SSR、PWA、移动应用程序、桌面应用程序和浏览器扩展)提供一流的支持,并提供最佳的开发人员体验

截屏

 Arco Design Vue

官网地址:https://arco.design/

Github(3.6k): https://github.com/arco-design

ArcoDesign 是一套设计系统的简称。

截屏

Element3

官网地址:https://e3.shengxinjing.cn/

Github(3.2k): https://github.com/hug-sun/element3

Element3 一套Element风格,为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件

截屏

 Varlet

官网地址:https://varlet.gitee.io/varlet-ui/#/en-US/index

Github(3.6k): https://github.com/varletjs/varlet

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区建立起来的组件库团队进行维护。

特性:

截屏

 Vue-devui

官网地址:https://vue-devui.github.io/

Github(586): https://github.com/DevCloudFE/vue-devui

vue-devui 是基于 DevUI Design 的 Vue3 组件库,使用 pnpm + vite + vue3 + tsx 技术搭建,包含55个简洁、易用、灵活的组件,支持按需引入,支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题

截屏

 Idux

官网地址:https://idux.site/

Github(365): https://github.com/IDuxFE/idux

@idux 是一套企业级中后台 UI 组件库, 致力于提供高效愉悦的开发体验。

基于 Vue 3.x + TypeScript 开发, 全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。

特性:

截屏

 NutUI 3

官网地址:https://nutui.jd.com/#/

Github(4.9k): https://github.com/jdf2e/nutui

NutUI 3 京东风格的 Vue 移动端组件库,开发和服务于移动Web界面的企业级产品

特性:

截屏


来源:今日头条内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯