Vue常用的组件库大全【前端工程师必备】
(一)移动端 常用组件库
1)Vant ui
2)Cube UI
3)VUX
4) NuTUI 3.0
6)倒计时组件库
7)表格组件库
8)富文本编辑器
9)Loading加载动画组件
10)Mint ui
11) vonic
12) Vux-ydui
13. Mand-Mobile
(二)PC端(web端)常用组件库
1)Element UI ( Vue2)
2)Element UI PLUS (Vue3)
3)Ant Design Vue (2/3)
4)Naive UI
5)Avue(Vue动态组件库)
6)Vuetify 3
7)iView
8)Vue Material
9)vue-element-admin
10)VueStrap
11)AT-UI
12)Vue-Blu
13)Keen UI
14)Buefy
15)Boostrap Vue
16)Fish-UI
17)Quasar
18)Muse UI
19)Radon ui
20)N3-components
22)Beauty
23)hey UI*
(三)其他常用组件库
1)echarts(图表组件库)
2)highcharts(图表组件库):
3)swiper(轮播图组件库):
4)ThreeJS (3D组件库):
5)Lingo3D (3D组件库):
6)Datav
7)v-charts
8) Vue baidu map
Vue常用的组件库
(一)移动端 常用组件库
1)Vant ui
🔸有赞移动 UI 组件库,支持 Vue2/3 微信小程序,支付宝小程序
https://vant-contrib.gitee.io/vant/v2/#/zh-CN/col
2)Cube UI
🔸滴滴出行移动端 UI 库
https://didi.github.io/cube-ui/#/zh-CN
3)VUX
🔸移动端 UI 组件库,针对微信强势优化
https://vux.li/
4) NuTUI 3.0
🔸京东移动端 UI 库,面向电商业务场景,支持 Vue2/3
https://nutui.jd.com/#/
6)倒计时组件库
🔸 https://kalacloud.com/blog/best-countdown-component/
7)表格组件库
🔸https://kalacloud.com/blog/best-vue-data-table-grid/
8)富文本编辑器
🔸 https://kalacloud.com/blog/vue-richtext-editor/
9)Loading加载动画组件
🔸加载动画组件
https://kalacloud.com/blog/best-vue-loader-animation-component/
10)Mint ui
🔸 饿了么前端团队开发的移动组件库
http://mint-ui.github.io/#!/zh-cn
11) vonic
🔸 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约。
12) Vux-ydui
🔸是 YDUI Touch 的一个Vue2.x实现版本,专为移动端打造,在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。
- Mand-Mobile
🔸面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产品。
(二)PC端(web端)常用组件库
1)Element UI ( Vue2)
🔸饿了么前端团队开发 https://element.eleme.io/#/
2)Element UI PLUS (Vue3)
🔸https://element-plus.org/zh-CN/#/zh-CN
3)Ant Design Vue (2/3)
🔸https://2x.antdv.com/components/overview-cn/
4)Naive UI
🔸https://www.naiveui.com/zh-CN/os-theme
5)Avue(Vue动态组件库)
🔸https://avuejs.com/
6)Vuetify 3
🔸老牌 Vue UI ,基于谷歌的 Material Design 样式开发,支持 Vue3
https://vuetifyjs.com/zh-Hans/
7)iView
🔸一套基于 Vue.js 的高质量UI 组件库 https://www.iviewui.com/
8)Vue Material
🔸 https://madewith.cn/search?q=Vue
9)vue-element-admin
🔸 https://panjiachen.github.io/vue-element-admin-site/zh/
10)VueStrap
🔸http://yuche.github.io/vue-strap/
11)AT-UI
🔸是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品
12)Vue-Blu
🔸是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。
13)Keen UI
14)Buefy
15)Boostrap Vue
https://code.z01.com/bootstrap-vue/
16)Fish-UI
17)Quasar
18)Muse UI
19)Radon ui
20)N3-components
22)Beauty
23)hey UI*
https://www.heyui.top/
(三)其他常用组件库
1)echarts(图表组件库)
🔸 https://echarts.apache.org/examples/zh/index.html#chart-type-candlestick
2)highcharts(图表组件库):
🔸https://www.highcharts.com.cn/
3)swiper(轮播图组件库):
🔸https://www.swiper.com.cn/
🔸https://swiperjs.com/demos
4)ThreeJS (3D组件库):
🔸https://threejs.org/
5)Lingo3D (3D组件库):
🔸https://www.lingo3d.com/
6)Datav
🔸(数据大屏组件库):
【Vue3:https://datav-vue3.netlify.app/】
【Vue2:http://datav.jiaminghi.com/】
7)v-charts
🔸在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表
8) Vue baidu map
🔸基于Vue 2.x的百度地图组件
中文文档:https://dafrok.github.io/vue-baidu-map/#/zh/start/installation
在线预览:https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting
🔸基于Vue3.x的百度地图组件
vue-baidu-map-3x
http://map.heifahaizei.com/doc/index.html
————————————————
版权声明:本文为CSDN博主「蓝匣子itbluebox」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_44757034/article/details/128090797