前端ui界面組件（十大常用web前端UI組件庫）

2023-04-15 14:57:56

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

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

Vant

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

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

AntDesign

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

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

AntDesign Mobile

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

Bootstrap

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

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

Layui

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

ElementUI

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

semidesign

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

TaroUI

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

Vuetify

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

WeUI

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