10+個很酷的VueJS組件，模板和實驗示例

BootstrapVue Argon Dashboard PRO

BootstrapVue Argon Dashboard PRO是BootstrapVue和Vue.js的高級儀表板。這是一種全新產品，它基於我們從頭開始重新構建的最新框架結構，這種結構旨在使產品更直觀，更具適應性，並且更易於定製。讓Argon以其酷炫的功能給你帶來驚喜，讓你的項目達到一個全新的水平。

https://demos.creative-tim.com/bootstrap-vue-argon-dashboard-pro

Vue White Dashboard

Vue White Dashboard 是一個免費的開源Bootstrap 4和Vue.js Admin儀表板，其中包含大量的組件，這些組件可以組合在一起並看起來非常漂亮。Vue White儀表板具有16個以上的獨立組件，可讓你自由選擇和組合。所有組件的顏色都可以不同，你可以使用Sass文件輕鬆進行修改。

https://demos.creative-tim.com/vue-white-dashboard

Vue QRcode Reader

Vue QRcode Reader是一組用於檢測和解碼QR(二維碼)碼的Vue.js組件。它使你無需離開瀏覽器即可檢測和解碼QR碼，所有組件都具有響應能力。除此之外，它接近零樣式，因此你可以使它們適合你的佈局。使用方法簡單明瞭。

https://gruhn.github.io/vue-qrcode-reader

VueJS Expo

VueJS Expo是使用Vue.js框架收集的漂亮的網站，應用程序和實驗。如果你是Vue.js框架的粉絲，那麼這裏可能是你獲得靈感的地方。展示包括基於VueJS的主題，元素，儀表板等。

https://vuejsexpo.com

Vue Paper Dashboard PRO

Vue Paper Dashboard PRO是一個基於Bootstrap和Vue構建的漂亮資源，它將幫助你在短時間內開始開發儀表盤。Vue Paper Dashboard Pro是Original Paper Dashboard Pro的VueJS移植版本。使用儀表板非常簡單，但是需要具備Javascript，Vue和Vue-Router的基礎知識。

https://demos.creative-tim.com/bs3/vue-paper-dashboard-pro/#/admin/overview

Koel

Koel是一種簡單的基於Web的個人音頻流服務，在客戶端用Vue編寫，在服務器端用Laravel編寫。針對Web開發人員，Koel採用了一些更現代的Web技術——CSS grid，音頻和拖放API等來完成其工作。

https://koel.dev/

Vue Argon Dashboard

Vue Argon Dashboard是Bootstrap 4和Vue.js的儀表板。它是開源的，免費的，並且具有許多組件，可以幫助你創建出色的網站。Vue Argon儀表板內置了100多個單獨的組件，因此你可以選擇和組合，因爲實現了所有元素，所以從原型化到全功能代碼將節省大量時間。該儀表板附帶了預先構建的示例，因此開發過程是無縫的，從我們的頁面切換到真實的網站非常容易。

https://demos.creative-tim.com/vue-argon-dashboard

Pagekit

Pagekit是使用Symfony組件和VueJS構建的模塊化，輕量級CMS。無論是個人博客還是你公司的網站，都可以使用Pagekit來爲網絡創建功能強大的內容，使其在每臺設備上都能完美運行。它具有乾淨直觀的界面，它也有一個很棒的內置市場。

https://pagekit.com/

Vue Material Dashboard PRO

Vue Material Dashboard PRO是一個出色的高級管理模板，建立在Vue Material和VueJS之上。它是通過考慮你在儀表板中實際需要的東西而創建的。Vue Material Dashboard PRO包含精選和優化的VueJS插件，一切都旨在相互配合。使用儀表板非常簡單，但是需要具備Javascript，VueJS和Vue Router的基礎知識。

https://demos.creative-tim.com/vue-material-dashboard-pro

Vue-Color

Vue-Color是一款來自Sketch、Photoshop、Chrome、Github、Twitter、Material Design等的酷炫的采色器。

http://vue-color.surge.sh

Vue Material Kit

Vue Material Kit是基於Vue Material和VueJS構建的令人驚歎的免費開源資源。它將幫助你立即開始開發UI工具包。Vue Material Kit是原始Material Kit的官方VueJS版本。使用UI Kit非常簡單，但是需要Javascript，VueJS和Vue Router的基礎知識。

https://demos.creative-tim.com/vue-material-kit

Retrospectify

Retrospectify 是一個用 Vue 編寫的很棒的工具，用於以數字方式進行敏捷團隊回顧。當與遠程團隊進行回顧時，或者當您希望隨時間跟蹤回顧結果時，這將很有用。它有三種類型的筆記，你可以移動筆記或添加點到個別的筆記。

http://pepf.nl/retrospective

Code Notes

Code Notes是使用Electron＆Vue.js構建的開發人員的簡單代碼段管理器。使用它，你可以將多個片段保存在一個便箋中，按名稱/語言/標籤進行搜索，還可以管理Github要點。

https://lauthieb.github.io/code-notes

希望這份清單對您的下一個開發項目有幫助 ????

專注分享當下最實用的前端技術。關注前端達人，與達人一起學習進步！

長按關注"前端達人"