今天給大家分享一下前端人必知的七個常用的UI組件庫竭鞍，這些組件庫相信有不少的小伙伴正在使用。每個組件庫的來源背景和風格功能都不盡相同候衍，值得大家嘗試一波笼蛛。
今天分享的七個UI組件庫分別為：
Arco DesignTaro UISemi DesignAnt DesignElementView DesignVant
網(wǎng)站資源鏈接在本文最后面哦~
1. Arco Design
Arco Design 是 字節(jié)跳動 出品的企業(yè)級設(shè)計系統(tǒng)洒放，也是個人十分喜歡的一款組件庫
當然蛉鹿，他不僅僅是組件庫
它還有Arco Design Pro這樣開箱即用且美觀的中后臺前端解決方案
它同時提供了React 和 Vue兩個版本的使用文檔
2. Taro UI
Taro UI 是由 京東·凹凸實驗室 傾力打造的多端開發(fā)解決方案。
使用Taro往湿，我們可以只書寫一套代碼妖异，再通過Taro的編譯工具惋戏，將源代碼分別編譯出可以在不同端（微信小程序、H5他膳、RN等）運行的代碼
Taro的特性：
基于
Taro開發(fā) UI 組件一套組件可以在
微信小程序响逢，支付寶小程序，百度小程序棕孙，H5多端適配運行（ReactNative端暫不支持）提供友好的 API舔亭，可靈活的使用組件
3. Semi Design
Semi Design 是由抖音前端團隊，MED 產(chǎn)品設(shè)計團隊設(shè)計蟀俊、開發(fā)并維護的設(shè)計系統(tǒng)钦铺。
Semi Design不僅僅是一套精美的設(shè)計系統(tǒng)，還是一款開箱即用的React組件庫肢预，相信很多使用React開發(fā)的小伙伴對它已經(jīng)并不陌生了
Semi Design還提供了主題編輯器(DSM)和主題商店矛洞，你還可以通過npm下載主題包，讓你對主題的定制變的更加靈活方便烫映！
最關(guān)鍵的是沼本，Semi Design還采用了跨前端框架技術(shù)方案實現(xiàn)、F/A 分層設(shè)計锭沟，通過重構(gòu)抽兆，可以快速支持除 React 外的通用組件庫，比如 Vue族淮、Svelte 等
同時郊丛，Semi Design還提供了Design to code（簡稱D2C）設(shè)計稿轉(zhuǎn)代碼功能，支持一鍵識別 Figma 頁面中圖層布局 + Semi 組件瞧筛，像素級還原設(shè)計稿厉熟，轉(zhuǎn)譯為JSX 和 CSS 代碼，快捷預(yù)覽较幌， 無需從 0 開發(fā)揍瑟，很強大有木有！
4. Ant Design
Ant Design是螞蟻集團的企業(yè)級產(chǎn)品乍炉，其使用者不乏像螞蟻绢片、阿里巴巴、騰訊岛琼、百度底循、口碑、美團槐瑞、滴滴等大廠
相信有很多小伙伴對Ant Design已經(jīng)很熟悉不過了熙涤，不管是Ant Design of React還是Ant Design of Vue，都提供了很精美且實用的功能和組件
Ant Design的特點：
提煉自企業(yè)級中后臺產(chǎn)品的交互語言和視覺風格
開箱即用的高質(zhì)量
React和Vue組件全面支持使用
TypeScript開發(fā)，提供完整的類型定義文件全鏈路開發(fā)和設(shè)計工具體系
數(shù)十個國際化語言支持
擁有主題定制的能力
而且祠挫，除了Ant Design那槽，螞蟻還提供了Ant Design Mobile RN of React，用于服務(wù)移動端
5. Element
不出意外的話等舔，這個組件庫是大家使用最為頻繁的一款
Element是由餓了么團隊出品的桌面端組件庫骚灸。發(fā)展到現(xiàn)在，其已經(jīng)實現(xiàn)了對React和Angular的支持慌植，同時還提供Sketch甚牲、Axure模板資源文件方便快速產(chǎn)品設(shè)計
Element UI除了自己的組件庫外，還提供了支持V2的element admin和支持V3的element-plus蝶柿，同時還有相對應(yīng)的開發(fā)文檔和演示地址
6. View Design
View Design鳖藕，也就是我們常說的iView，它提供了諸多比較全面且功能豐富的產(chǎn)品只锭，如：
View UI Plus：基于 Vue.js 3 的一套 UI 組件庫著恩，主要用于企業(yè)級中后臺系統(tǒng)Admin Cloud：一套企業(yè)級的多租戶權(quán)限管理開發(fā)平臺，基于Admin Plus蜻展、iCRUD和若依Admin Plus：一套企業(yè)級的通用型中后臺前端解決方案喉誊，它基于View UI Plus，適用于V3iCRUD： 一套基于View UI Plus的增強型表格組件纵顾，面向配置開發(fā)伍茄，快速搭建具備 增、刪施逾、改敷矫、查 功能的表格頁面。支持V3
7. Vant
Vant汉额，由有贊前端團隊開發(fā)曹仗，是一款輕量、可靠的移動端組件庫蠕搜，于 2017 年開源怎茫，是目前在移動端開發(fā)中比較主流的一款組件庫
Vant的特點：
提供 60 多個高質(zhì)量組件，覆蓋移動端各類場景
性能極佳妓灌，組件平均體積不到 1kb（min+gzip）
單元測試覆蓋率 90%+轨蛤，提供穩(wěn)定性保障
完善的中英文文檔和示例
支持
Vue2&Vue3支持按需引入
支持主題定制
支持國際化
支持
TypeScript支持
SSR
當然，很多小伙伴也使用到了本文沒有提到過其他的組件庫或者框架虫埂，比如被有些小伙伴稱之為"YYDS"的Bootstrap祥山，又或者很多同學(xué)在JQuery時代使用很熟練的layui，當然掉伏，發(fā)展到至今缝呕，layui也出了Vue版本澳窑。
還有一些其他的組件庫如Zent組件庫、Material風格的Vuetify等等我們就不在介紹了岳颇。歡迎大家在評論區(qū)交流你所使用的組件庫是什么
網(wǎng)站資源鏈接
Arco Design：網(wǎng)站首頁Taro UI：網(wǎng)站首頁Semi Design：網(wǎng)站首頁-
Ant Design -
Element View Design：網(wǎng)站首頁Vant：網(wǎng)站首頁
