公司開發大型專案時，為了快速開發，往往會選擇一個合適的 ui 框架進行開發，ui 框架最大的優點就是能夠大大節省開發時間。
所以在開發專案之前，我們需要先了解功能需求，考慮使用的 ui 框架，是否都能滿足功能需要，比如製作移動端的專案，不能選擇一個PC端的 UI 框架。
所以我們需要熟悉一些 ui 框架，便於我們在開始專案之前選型。下面幫大家推薦一些支援 Vue3 且免費的 UI 框架。歡迎大家在評論區多多交流！
收藏關注，手留餘香！
一、移動端常用 UI 框架
1.1、uni-app
官網：
https://uniapp.dcloud.io/migration-to-vue3
介紹：uni-app 是一個使用 Vue.js 開發所有前端應用的框架，開發者編寫一套程式碼，可釋出到iOS、Android、Web（響應式）、以及各種小程式（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應用等多個平臺。
優點：不僅支援 H5 應用、IOS、安卓還有各個應用平臺的小程式，一套程式碼編到13個平臺，這不是夢想。不僅開發效率高，維護起來也特別方便。
uni-app 在手，做啥都不愁。主要是它能夠經得起企業專案的考驗，被不少的企業用來開發商用專案，常見的應用有：CSDN、開源中國、張亮麻辣燙、咪咕商城、中國銀聯等等。
一般開發移動端專案時，第一個想到的框架就會是 uni-app，如果我們首次只做微信小程式，後期如果想做支付寶或抖音小程式時，擴充套件起來非常方便，就不需要再根據別的平臺再寫一套程式碼。
1.2、Vant
官網：
https://youzan.github.io/vant/v3/#/zh-CN/home
Vant 是由有贊前端團隊開源的移動端元件庫，是目前主流的移動端元件庫之一。
Vant 不僅提供 Vue2 和 Vue3 版本以及微信小程式版本支援，同時也提供了 React 版本和支付寶小程式版本。
提供了很多高質量元件，基本覆蓋移動端主流場景。是一款輕量、可靠的移動端元件庫，非常值得推薦。
1.3、Nut UI
官網：https://nutui.jd.com/#/
介紹：是由京東技術團隊開發的，不僅支援 vue2 還支援 vue3 的移動端 ui 框架。
優點：不僅支援前沿技術，能夠適配多端小程式，元件內容也豐富，質量有保障。單元測試率 90%以上。相容目前主流瀏覽器、支援按需載入、支援服務端渲染。配套有基於Webpack和 vite 構建工具，可快速建立已內建本元件庫的 vue 工程。
1.4、Taro
官網：
https://taro-docs.jd.com/taro/docs/vue3/
介紹：Taro 是一個開放式跨端跨框架解決方案，支援使用 React/Vue/Nerv 等框架來開發 微信 / 京東 / 百度 / 支付寶 / 位元組跳動 / QQ / 飛書 小程式 / H5 / RN 等應用。
優點：與 uni-app 一樣，一套程式碼支援多端適配，大大降低了開發成本。支援框架 vue 、vue3 以及 react。
1.5、Taro UI Vue3
介紹：基於 Taro 開發，採用 Vue 3.0 重寫的 Taro UI 元件庫，與 Taro 一樣一套程式碼可在多個終端執行。
缺點：只支援 vue3 ，不能想下支援。
下面是一些僅支援 vue2 版本以下的一些移動端框架：
Muse-UI ：https://muse-ui.org/#/zh-CN
vux：https://doc.vux.li/zh-CN/about/before-using-vux.html
mint-ui：http://mint-ui.github.io/#!/zh-cn
Cube UI：https://didi.github.io/cube-ui/#/zh-CN
有興趣的可以自己去看看，本篇文章主要介紹支援 vue3 的 ui 框架。
二、PC端的 ui 框架
2.1、Ant Design Vue
官網：
https://next.antdv.com/components/button-cn
是一個非常成熟的框架，開發和服務於企業級後臺的產品。使用 Ant Design Vue 建立使用者介面非常簡潔，元件使用也很簡單，元件可以使用於各種圖片樣式、字型和黑色主題。其中元件基本能夠覆蓋專案大部分需求。
官方示例如圖：
Vue3 的 Ant Design Vue 框架在效能、易用性、功能上都有很大的提升，它的包更小，感覺更輕，並且支援 SSR 。
使用 框架的時候，請注意切換到 vue3 版本下的文件，防止有些元件載入或事件觸發等出現問題，而且 2.x 升級 3.x 之後移除了部分API，也新增了一些API。使用時請參照官方文件。
小編就經常使用這個框架開發公司的後臺管理專案，個人感覺蠻不錯的！
2.2、Element+
官網：
https://element-plus.gitee.io/zh-CN/
餓了麼前端團隊推出的一款 Element Plus，一套為開發者、設計師和產品經理準備的基於 Vue 3 的桌面端元件庫。
為 Vue3 帶來了大量不引人注目的元件，建立一個非常複雜的應用程式，所需要的功能需求基本都能夠滿足。官方文件寫得也特別詳細，根據文件，能夠快速上手。
Element+ 在 gitHub 上擁有 12.9k satr。正在成為 github 上受到熱烈歡迎的 Vue3 ui 框架之一。
2.3、BalmUI
官網：
https://next-material.balmjs.com/#/
BalmUI 是為 Vue.js 3.0 量身訂製的模組化且高可定製化的 Material Design UI 庫， 已經更新到 9.38.2 版本了。
優點：Balm 不僅附帶 vue 外掛和指令，還提供一些複雜內建指令，實現常見一些效果，大大地減輕了工作量。更新比較頻繁，不用擔心以後有潛在問題難以解決。
如果使用 vue3 開發專案，Balm 是一個不錯的選擇。
2.4、Vuestic
官網：
https://vuestic.dev/en/introduction/overview
介紹：支援 vue3 完全免費的一個 ui 框架。
優點：包含的元件豐富，能夠滿足專案開發的基本需求，允許全域性設定 css 進行全域性元件樣式控制，能夠支援大部分瀏覽器。
缺點：官方文件不支援中文版，英語較差的看文件比較吃力。
2.5、Naive UI
官網：
https://www.naiveui.com/zh-CN/os-theme
介紹：Naive UI 是一個 vue3 的元件庫，使用 typeScript 寫的，速度較快。
優點：Naive UI 全量使用 TypeScript 編寫，和你的專案可以實現無縫對接。所有的元件都支援搖樹優化，專案執行順暢，速度稍快。相比其他元件，樣式豐富。我個人挺喜歡這些設計的。
缺點：naive-ui 僅支援 Vue3 。如果你在使用 Vue2，是不支援的呦。
由於 vue3 大規模應用時間較短，所以移動端能夠支援 vue3 的 ui 框架較少，相比 PC 端的能夠支援 vue3 的框架較多，本篇文章只介紹了 5 個 pc 端框架。
如果你有推薦的框架，歡迎在下方留言。
好了小編今天的文章就到此結束了，喜歡我的可以點個關注哦