全世界範圍內廣受歡迎的 Vue UI 框架，一個非常精緻的 Material Design UI 套件。
Material Design 風格 UI 框架
Vuetify 是一個基於 Vue.js 精心打造 UI 組件庫，整套 UI 設計為 Material 風格。能夠讓沒有任何設計技能的開發者創造出時尚的 Material 風格界面。
Material Design 是 Google 推出的設計語言，顏色鮮豔、動畫效果突出，旨在為手機、平板電腦、臺式機和「其他平臺」提供更一致、更廣泛的「外觀和感覺」。
vuetify-home-page
Material Design好看是好看，但由於 UI 和動效細節非常多，純手寫這種風格的輪子非常費勁，而 Vuetify 就是一個能幫助開發者快速構建基於 Material Design 風格應用的優秀框架。
vuetify 鮮豔的配色
Material Design 風格組件
值得嘗試/選擇的理由
所有組件遵從 Material Design 設計規範，UI 體驗非常優秀，能夠媲美蘋果但又完全不同的設計採用移動優先的設計，無論在手機、平板或 PC 電腦上都有完美的適配極其豐富詳細的上手文檔和免費的視頻教程，社區活躍，全職團隊維護，長期提供支持，每周發版在 Github 上有高達 28.3k 的Star，並且得到了Vue.js 作者尤雨溪大神的推薦支持主題定製，提供無障礙（面向缺陷人群的訪問）支持。支持樹搖優化，能大大減少打包體積作為一個開源項目，大牌贊助商很多很堅挺，完全不用擔心會黃
vuetify 贊助商列表
Vuetify 使用體驗如何？
Material Design 發布至今，因為其優秀獨特的操作體驗，被廣泛應用在各類應用程式的界面構建上。Vuetify 作為一個在全球範圍內非常受歡迎的開源項目，使得熟悉 Vue.js 開發的工程師能夠快速做出同樣優秀的應用。
這個 UI 框架的質量不用過多吹捧，無論是移動端還是 PC 端還是自適應的產品需求，都是勝任。如果接到的產品需求在設計上希望能和國內大部分諸如element ui、ant design之類的中性框架有區別，或者用戶面向國外，我強烈推薦選擇 Vuetify 。
使用 vuetify 的admin案例
Vuetify 出自國外團隊之手，官網提供中文文檔，翻譯略有些生硬但也不影響理解，需要注意的，無論是設計完善的組件，還是代碼示例，都非常豐富而詳細。遇到問題，認真閱讀文檔幾乎都可以解決。
對於像Material Design 這類的複雜動效和細節的 UI 庫來說，打包體積是個問題。值得一提的是 Vuetify 支持樹搖優化，這是一種比手動按需加載更好的自動優化打包體積的設計，就像樹幹隨風搖動，把枯萎多餘的枝葉搖掉一樣，不需要開發者做任何設置，誰用誰爽。
免費開源使用說明
Vuetify 基於 MIT 協議授權並且開源，任何個人和商業機構都可以免費使用。Vuetify 由 John 和 Heather Leider 擁有和運營，他們是一家全職開源企業，核心開發團隊有10多個成員，是開放源碼開發人員，幫助引導Vuetify及其生態系統的方向。
本專欄已建立同名網站，關注我，持續分享高質量的免費開源、免費商用的資源。搜索「那些免費的磚」，訪問網站查看本次分享的相關資源。