包括一些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