十大常用web前端UI組件庫，趕緊收藏！

今天主要介紹web前端常用的UI庫，這些網站基本都是背靠互聯網大廠，值得web前端開發者收藏，當然還是要多多學習使用。

Vant

一款有贊出品輕量、可靠的的移動UI組件庫，目前支持 Vue2、Vue3、React，微信和支付寶小程序，并由社區團隊維護 React 版本和支付寶小程序版本。

官網的文檔清晰易懂，如果你熟悉vue.js的組件化開發，上手非常容易。

Ant Design

Ant Design是一套企業級 UI 設計語言和 React 組件庫，提供了一套非常完整的組件化設計規範與組件化編碼規範，能大幅提高了部分産品的設計研發效率及質量。

PC端組件庫文檔中的設計原則寫的比較完善，并且每個組件都描述了何時使用，讓其對組件有更深的認識，提供的設計資源也是非常完善，值得web前端企業開發者們收藏！

Ant Design Mobile

Ant Design 移動端設計規範，一個基于 Preact/React/React Native 的 UI 組件庫。新版樣式比較好，文檔更新的也好用起來了

Bootstrap

Bootstrap 是全球受歡迎的前端開源工具庫，Bootstrap4中文文檔這個 UI 庫來自 Twitter 的成員，擁有了box-flex布局等更新，但是組件比較少，特點是提供了很多工具類；需要引入 JQuery，如果有自己特殊的需求，就需要重新定制樣式。

Flat UI是基于Bootstrap做的Metro化改造，由Designmodo提供。Flat UI包含了很多Bootstrap提供的組件，但是外觀更加漂亮。

Layui

經典開源模塊化前端 UI 框架(官方文檔鏡像站)，JQuery 時代很好的 UI 庫，是一套開源的 Web UI 解決方案,其内部采用的是自身經典的模塊化規範,并遵循原生 HTML/CSS/JS 的開發方式,極易上手,拿來即用。

ElementUI

出自餓了麼前端團隊，學 Vue 的童鞋們必用的一款 UI 庫，采用 Vue 2.0 作為基礎框架實現的組件庫，一套為開發者、設計師和産品經理準備的基于 Vue 2.0 的組件庫，提供了配套設計資源，幫助網站快速成型，也支持有 Angular 和 React 的版本，Element Plus 支持 Vue3。

semi design

出自字節跳動抖音前端與 UED 團隊，是一款包含設計語言、React 組件、主題等開箱即用的中後台解決方案，可用于快速搭建美觀的 React 應用。

Taro UI

出自京東凹凸實驗室，基于 Taro 的多端 UI 組件庫，提供友好的 API，可靈活的使用組件，一套組件可以在 微信小程序、H5、ReactNative 等多端适配運行。

Vuetify

Vuetify 是建立在Vue.js之上的完備的界面框架。 該項目的目标是向開發人員提供他們積累的豐富且吸引用戶體驗所需的工具。 Vuetify從一開始就設計為易于學習的并且擁有來自 Material設計規範的數百個精心設計組件。每一個組件都經過精心設計，具有模塊化、響應式和優秀的性能。

WeUI

WeUI ——微信官方的 UI 庫，一套同微信原生視覺體驗一緻的基礎樣式庫，由微信官方設計團隊為微信 Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、toast、article、icon等各式元素。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!