關注開源中國OSC頭條號，獲取最新技術資訊
包括一些ui庫和比較完整的小項目。ui庫會對主要的單選框，多選框，級聯選擇器，滑塊，日期/時間選擇器，進度條，分頁，彈框，通知，導航菜單，步驟條等截圖比較
寫在前面的
評價純屬個人主觀感受，有誇張成分，只是一種表達，如有不喜請無視之。歡迎指正不足和提供更多更好的vue庫，項目，方便參考和學習使用。
一、前臺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
關於模態框的ui庫，配色和陰影上適合音樂娛樂類項目
10.Vuex-loading
等待相關進度的一些庫
缺點：並不是那麼好看，使用的話，最好手動調調整一下樣式
11.Vue-js-grid
可移動方格子位置的庫
12.Dockeron
docker上的ui庫，使用後再回補
13.mint-ui
優點：風格簡潔，文檔中移動端看的效果清晰
缺點：中文字體和間距比例上稍稍偏大
14.Keen-UI
優點：移動端框架，日期選擇器比較好看。
缺點：非中文文檔
15.VueCircleMenu
優點：提供各種從中間蹦躂出半圓形按鈕的組件方案，主流ui庫給的比較少，有了它可以不用自己寫了
缺點：配色視圖有點慘
16.vue-carbon
有點：很淡雅的風格，雖然顏色只有一種，但是字體和間距給的很好，一眼過去很舒服，ui相比要做的事情不會喧賓奪主。
缺點：在中國可能不是主流（國人喜歡花花綠綠，字體大大的）
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的日期選擇
25.vue-chartjs
可視化圖表的vue版本，主要餅形圖，條形圖，雷達圖等都有
缺點：樣式太簡，使用還需調整，相比百度的Echart還是少太多圖類
26.DataVisualization
提供四個最簡單的圖類，比較實用
缺點：配色上背景太花，前景色飽和度太低，需要調整
★149 - 數據可視化
27.vue-charts
樣式比較好看，但目前圖標類型還是太少
★101 - 輕鬆渲染一個圖表
28.vue-chartkick
★22 - VueJS一行代碼實現優美圖表
29.vue-quill-editor
不似很多富文本編輯器好幾行的功能，但是排版簡潔清晰，主要功能都有，樣式比較好看
★149 - 基於Quill適用於Vue2的富文本編輯器
30.Vueditor
優點：排版簡潔，所見所得
31.vue-html5-editor
小巧實用，可適合移動辦公
★132 - html5所見即所得編輯器
32.vue-simplemde
優點：高亮代碼的富文本編輯器，配色舒適，間距好
★35 - VueJS的Markdown編輯器組件
33.vuwe
缺點：直接使用，沒有說明，文檔不好用
★107 - 基於微信WeUI所開發的專用於Vue2的組件庫
34.cubeex
上下間距比較大，對不是特別高分辨率的舊版本視覺感受比較友好
★33 - 包含一套完整的移動UI
35.vue-region-picker
優點：不用自己再找數據調配省市區
缺點：樣式極簡，除了老闆式銀行金融類網站外，基本沒有直接這麼樣式使用的，需要調樣式
★89 - 選擇中國的省份市和地區
36.vue-awesome-swiper
多種顯示的輪播圖組件
37.vue-slick
輪播圖組建ui比較太別
38.vue-material-design
表單類ui，簡潔
39. Muse-UI
優點：非常好看的時間、日期選擇器！官網頁面特別有愛的設計，相信其他組件隨著時間也會不斷完善
40. Uiv
用於 Vue 2 的 Bootstrap 3 組件庫。
41.Vuikit
42.Fish-UI
灰白配色的ui庫，乾淨利落，偏向歐美表單風格
灰色的色度，線條粗細，文字字體選擇，間距給人的感覺真的像會呼吸的魚在水中一樣自在
42.Framework7 Vue
優點：目前發現的唯一對安卓和蘋果上，ui的不同效果做出效果圖說明的UI庫。從按鈕到輪播圖非常全面
特點：那個豔紅的官網真的是驚到我的視覺了
43.Cube UI
很有特色的ui設計，類型比較全。活動效果比較好
44.Vueblu
比較簡潔，各種角度的提供了過度動畫
45.Ant Design Vue
非常扁平化的ui，沒有陰影，沒有線框，純色填充
二、後臺UI庫
1.Vue-element-admin
非常全面的後臺UI庫，設計非常適合商業應用
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
每日一博欄目，每日為你推薦優秀博主的優質技術文章。同時歡迎用戶投稿，文章一旦被官方賬號收錄，我們會在網站首頁等位置進行推薦哦。關注開源中國OSC每日獲取優質推送，點擊“瞭解更多”閱讀原文章。
閱讀更多 開源社區OSC 的文章
