文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

Vue3实用UI组件库有哪些

2023-07-04 10:15

关注

这篇文章主要介绍“Vue3实用UI组件库有哪些”,在日常操作中,相信很多人在Vue3实用UI组件库有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue3实用UI组件库有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

一、Web UI库

1.   ElementUI Plus

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

Vue3实用UI组件库有哪些

2.    Ant Design of Vue

Ant Design 的 Vue 实现,开发和服务于企业级后台产品

Vue3实用UI组件库有哪些

Ant Design Vue 是一个非常成熟的框架,使用 Ant Design Vue 创建用户界面非常简单,这些组件可以适应各种图标样式、字体和黑色主题。Ant Design Vue 不断改进其60多个组件,基本覆盖项目大部份需求,而且使它们变得更好,更易于访问。

Vue3 上的 Ant Design 包更小,感觉更轻,并且支持 SSR(还包括组合API),Ant Design 拥有成熟的复杂组件,如数据表、统计框、pop确认、模态和弹出窗口。

3.    BalmUI

基于谷歌的 Material Design,附带 Vue 插件和指令,以及从简单到复杂的高度可定制组件

Vue3实用UI组件库有哪些

BalmUI 是一款由 Balm.js (一款类似 Vue CLI 的前端工作流工具)团队打造前端 UI 组件库,基于最新的 Vue 3 构建,开箱即用,定制化强,设计风格完全遵循谷歌的 Material Design 设计规范,是一款交互体验非常优秀的 UI 组件库。

特色:

4.    Naive UI

图森Vue3的组件库,基于 Vue 3.0/TypeScript 的免费开源前端 UI 组件库,文档完整,非大厂 KPI 项目!

Vue3实用UI组件库有哪些

Naive UI 是一款基于当前比较新的 Vue 3.0/TypeScript 技栈开发的前端 UI 组件库,作者来自图森未来公司,一开始内部维护并使用两年,如今在 Github 社区开源了,推荐给各位喜欢免费开源的伙伴们。

特点:

5.    arco.design

字节跳动企业级产品设计系统,支持React和Vue双版本

Vue3实用UI组件库有哪些

ArcoDesign 基于字节跳动公司内部的 Byte Design 升级而来,在打磨了近 3 年之后,通过字节内部大量业务沉淀和验证,在由掘金举办的《稀土开发者大会2021》上开源了,这不仅仅是一款 UI 组件库,而是一个能力全面的企业级产品设计系统。

ArcoDesign 主要解决在打造中后台应用时,让产品设计和开发无缝连接,提高质量和效率。目前 ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现,主要由 UED 设计和开发同学共同构建及维护。

亮点:

6.    Quasar

轻松构建高性能和高质量的Vue.js 3用户界面,好用,但没有中文文档

Vue3实用UI组件库有哪些

Quasar 是一个完整的、以性能为中心的框架,可帮助构建 Vue 用户界面(SPA、PWA、SSR、移动和桌面),除了 Vue、Node 和 Webpack,Quasar 还包含 Cordova、Capacitor 和 Electron,它们可以帮助构建桌面和移动体验,而无需单独学习。

7.    iDUX

Vue3.x 的 UI 组件库,完全使用 TypeScript 开发

Vue3实用UI组件库有哪些

8.    TDesign

腾讯业务团队在服务业务过程中沉淀的一套企业级设计体系

Vue3实用UI组件库有哪些

9.      PrimeVue

易于使用、多功能、高性能的 Vue UI 组件库

基于 Vue 3 的免费开源、定制性强的前端 UI 组件库,来自国外的一个优秀的前端 UI 组件库,很有特色,值得研究学习和上手使用。

Vue3实用UI组件库有哪些

PrimeVue 是一套非常优秀的 Vue UI 组件库,支持 Vue 3 的 web UI 组件库,组件丰富,定制性很强,官网文档清晰,代码例子充足,而且中文化也做得很不错,是一款可用性很强的 Vue 组件库。

10.    DevUI

华为基于 Vue3 和 DevUI 设计的 UI 组件

Vue3实用UI组件库有哪些

11.     vuestic-ui

Vue 3 的免费和开源 UI 库 ,UI非常好看,并且有可用后台管理界面。

Vuestic UI 是一套由 Epicmax 团队开发的一套基于 Vue.js 的 web 开发组件库,最近更新发布了 Vue3 版本,希望用 Vue .js 的专业知识以最佳方式构建一个可用性强且全面的开源工具。Vuestic UI 在发布后不久,便成为使用 Vue 构建的最受欢迎的组件库之一。

Vue3实用UI组件库有哪些

Vuestic UI 的团队 Epicmax 是全球排名前15位的 Vue.js 开发团队,响应式的设计使这些组件不仅能用在 web PC 项目上,而且几乎适用于任何屏幕大小的分辨率。 键盘可用性是 Vuestic 的特色功能,在整个框架中提供无缝键盘操作支持。

技术特性:

12.     Headless UI

完全无样式、完全可访问的 UI 组件,旨在与 Tailwind CSS 完美集成。

Vue3实用UI组件库有哪些

13.      View UI Plus

基于 Vue.js 3 的企业级 UI 组件库和前端解决方案

Vue3实用UI组件库有哪些

View UI Plus 是 View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库,主要用于企业级中后台系统。

二、移动UI库

14.       Vant

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

Vue3实用UI组件库有哪些

特性

15.      NutUI

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

Vue3实用UI组件库有哪些

NutUI 3.0 新版特性

16.     Varlet

Material 风格移动端组件库 ,文档非常齐全。被尤雨溪推荐了,值得关注。

Vue3实用UI组件库有哪些

Varlet 技术特性:

17.     nutui-bingo

由京东 NutUI 前端团队出品的一款基于 NutUI + Vue 3 的抽奖组件库,用于快速开发营销活动和小游戏场景的抽奖玩法。

Vue3实用UI组件库有哪些

抽奖组件技术特性

覆盖12种常见的抽奖组件

到此,关于“Vue3实用UI组件库有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

阅读原文内容投诉

免责声明:

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

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

软考中级精品资料免费领

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

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

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

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

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

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

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