github排名较前的Vue3 UI框架

2023你应该知道并使用vue3开发的UI库

1.Quasar

Quasar UI是一个不被大众熟知的框架,目前github已有24k star

基于MIT开源协议在github上开源,任何人都可以免费下载,免费用于个人或商业项目。至于为什么选择Quasar,官方给出的答案是开箱即用的,对桌面和移动浏览器,包括ios safari的最佳支持。

通过与我们自己的CLI紧密集成,对每种构建模式,SPA、SSR、PWA移动应用程序、桌面应用程序和浏览器扩展,提供了一流的支持。并提供了最佳的开发人员体验,还有包括性能在内的一系列优点,它还提供了一些指令来调用API,以及内置了一些插件和组合式函数。

2.Vant

Vant UI是有赞前端团队开源的移动端vue组件库,适用于手机端h5页面,个人认为vant的整体风格算不上太出众,但它的组件和功能却非常实用且稳定。

80多个高质量组件,覆盖移动端主流场景,零外部依赖,不依赖三方npm包。支持TypeScript和SSR,提供了vue2版本、vue3版本和微信小程序版本,并由社区团队维护react版本和支付宝小程序版本。

3.Element Plus

对于element plus这个库,大家就再熟悉不过了,由饿了么前端团队开发和维护,目前还处于不断更新迭代的状态中,element plus已经把vue的版本锁定了3.0及以上。由于vue3不再支持IE11,element plus也不再支持ie浏览器,相信大家应该都有使用过该ui库,这里就不过多介绍。

4.Ant Design

相比于element plus,Ant Design在组件方面有着非常大的优势,不过使用稍微复杂了点,但是换来更大的便利。

两个框架都是目前较为主流的ui框架,各有优劣,可根据项目具体需求选择,官方文档提供了TypeScript和JavaScript两种使用方式,还提供了进阶版的表格和表单组件,里面的功能还是蛮强大的。并且对各功能都进行了单独的导航。

5.Naive UI

Naive UI是一个仅支持vue3的库,有超过80个组件,希望能帮你少写点代码。

该库曾得到了vue作者犹大的极力推荐,属于新生代的ui组件库。官方提供主题编辑器,不用繁琐的less、sass、css变量,也不用webpack的loaders。使用的是由TypeScript构建的先进类型安全主题系统,运行快、小巧轻量、专门针对样式优化,不需要导入任何css就能让组件正常工作。

相关推荐
星就前端叭1 小时前
【开源】一款基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间项目
前端·后端·开源·webrtc
m0_748234521 小时前
前端Vue3字体优化三部曲(webFont、font-spider、spa-font-spider-webpack-plugin)
前端·webpack·node.js
Web阿成1 小时前
3.学习webpack配置 尝试打包ts文件
前端·学习·webpack·typescript
jwensh2 小时前
【Jenkins】Declarative和Scripted两种脚本模式有什么具体的区别
运维·前端·jenkins
关你西红柿子2 小时前
小程序app封装公用顶部筛选区uv-drop-down
前端·javascript·vue.js·小程序·uv
益达是我2 小时前
【Chrome】浏览器提示警告Chrome is moving towards a new experience
前端·chrome
济南小草根2 小时前
把一个Vue项目的页面打包后再另一个项目中使用
前端·javascript·vue.js
聪小陈2 小时前
圣诞节:记一次掘友让我感动的时刻
前端·程序员
LUwantAC2 小时前
CSS(一):选择器
前端·css
Web阿成2 小时前
5.学习webpack配置 babel基本配置
前端·学习·webpack