包括一些ui库和比较完整的小项目。ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进度条,分页,弹框,通知,导航菜单,步骤条等截图比较
一、前台UI组件库
1.Element
优点:中文文档,ui种类比较全,ui设计简洁清晰
缺点:不够有特点
2.iView
优点:和element的UI很相似,有一些多的补充,可以相互替换
缺点:仍然没有什么特色
3.Vuetify
优点:时间选择器是时钟样式,比较有特色。中文文档
缺点:种类不如前面全
地址:https://vuetifyjs.com/zh-Hans/
4.Vue-material
优点:时间选择器配色舒适,进度条样式有虚线形式,步骤条更清晰相比有创新。表单字段点击后文字会上浮
缺点:目前种类还比较少,遗憾没有时间选择器。非中文文档
5.Quasar
构建响应式网站,PWA,混合移动应用程序
打不开,应该是被墙了,无法评论,只有项目
6.Buefy
优点:时间选择器数字很大有特点
缺点:非中文文档
7.Vant
优点:移动端界面,轻量化,基本涵盖移动端交互的ui,和微信样式很像
8.At-ui
一款全新的平面UI套件,专门用于桌面应用程序
优点:颜色比较素雅,UI比较秀气
9.Vue-js-modal
10.Vuex-loading
11.Vue-js-grid
12.Dockeron
13.mint-ui
14.Keen-UI
优点:移动端框架,日期选择器比较好看。
15.VueCircleMenu
16.vue-carbon
17.vue-calendar
18.vue-datetime-picker
19.vue2-calendar
★181 - 支持lunar和日期事件的日期选择器
20.vue-datepicker
21.vue-datepicker
22.vue-date-picker
★59 - VueJS日期选择器组件
23.vue-fullcalendar
24.vue-datepicker-simple
★20 - 基于vue的日期选择
23.vue-chartjs
24.DataVisualization
★149 - 数据可视化
25.vue-charts
★101 - 轻松渲染一个图表
26.vue-quill-editor
★149 - 基于Quill适用于Vue2的富文本编辑器
27.vue-chartkick
★22 - VueJS一行代码实现优美图表
27.Vueditor ★138 - 所见即所得的编辑器
28.vue-html5-editor
★132 - html5所见即所得编辑器
29.vue-simplemde
★35 - VueJS的Markdown编辑器组件
30.vuwe
★107 - 基于微信WeUI所开发的专用于Vue2的组件库
31.cubeex
★33 - 包含一套完整的移动UI
32.vue-region-picker
★89 - 选择中国的省份市和地区
31.vue-awesome-swiper
32.vue-slick
32.vue-material-design
33. Muse-UI
34. Uiv
用于 Vue 2 的 Bootstrap 3 组件库。
35.Vuikit
36.Fish-UI
37.Framework7 Vue
38.Cube UI
很有特色的ui设计,类型比较全。活动效果比较好
39.Vueblu
比较简洁,各种角度的提供了过度动画
40.Ant Design Vue
二、后台UI库
1.Vue-element-admin
2.Vue-admin
3.vueAdmin
三、其他
1.Best-resume-ever
2.vue-hackernews-2.0
vue-router&vuex和服务器端渲染 [Github star:6687]。
3.Vue-devtools (v 4.0)
用于调试Vue.js应用程序的Chrome devtools扩展程序 [Github star:6292]。
4.Electron-vue
Electron&Vue.js快速启动样板,包括vue-cli脚手架,通用Vue插件, electron-packager/electron-builder,单元/e2e测试,vue-devtools和webpack
https://simulatedgreg.gitbooks.io/electron-vue/content/cn/
5.Vue-loader (v 13)
Vue.js组件的Webpack加载程序(loader) [Github star:2588]。
6.Vuepack (v 3.0)
一个使用Vue 2,Vuex,Vue-router和Webpack 2(甚至是Electron)的新潮种子项目。 [Github star:2077]。
7.Codesandbox
专为Web应用程序开发而设计的在线代码编辑器 [Github star:1552]。
8.Vuefire (v 2.0)
Firebase 2&> = 3的Vue.js 1&2绑定 [Github star:1228]。
9.Vue-tetris
使用Vue,Vuex,Immutable做俄罗斯方块 [Github star:1152]。
10.Vue-recyclerview
使用vue-recyclerview掌握大型列表 [Github star:1021]。
11.Vuex-persistedstate (v 2.0)
用本地存储保持Vuex状态
12.Vue-test-utils
用于测试Vue组件的实用程序 [Github star:977]。
13.Vue-meta (v 1.0)
管理Vue 2.0组件中的页面元信息,支持SSR +流媒体。
14.ESLint-plugin-vue
官方ESLint的Vue.js插件 [Github star:864]。
15.Vue-tables-2
Vue.js 2 网格组件 [Github star:540]。
16.Vue-baidu-map
优点:功能简单实用
缺点:样式不好看
17.vue-amap
18.vue-waterfall
★605 - Vue.js的瀑布布局组件
四、一些项目
1.IFmiss / vue-music
http://www.daiwei.org/vue-music.html#/mymusic
2.仿豆瓣项目
https://github.com/jeneser/douban
3.markcook
★318 - 好看的markdown编辑器
参考文档:
1.Vue相关开源项目库汇总:https://blog.csdn.net/sinat_17775997/article/details/60580683
2.推荐21个顶级的Vue UI库!:https://baijiahao.baidu.com/s?id=1604546957811183734&wfr=spider&for=pc