十大常用Web前端UI組件庫(kù),趕緊收藏
Vant
一款有贊出品輕量、可靠的的移動(dòng)UI組件庫(kù),目前支持Vue2、Vue3、React,微信和支付寶小程序,并由社區(qū)團(tuán)隊(duì)維護(hù) React版本和支付寶小程序版本。
官網(wǎng)的文檔清晰易懂,如果你熟悉vue.js的組件化開(kāi)發(fā),上手非常容易。
AntDesign
Ant Design是一套企業(yè)級(jí)UI 設(shè)計(jì)語(yǔ)言和React組件庫(kù),提供了一套非常完整的組件化設(shè)計(jì)規(guī)范與組件化編碼規(guī)范,能大幅提高了部分產(chǎn)品的設(shè)計(jì)研發(fā)效率及質(zhì)量。
PC端組件庫(kù)文檔中的設(shè)計(jì)原則寫(xiě)的比較完善,并且每個(gè)組件都描述了何時(shí)使用,讓其對(duì)組件有更深的認(rèn)識(shí),提供的設(shè)計(jì)資源也是非常完善,值得web前端企業(yè)開(kāi)發(fā)者們收藏!
AntDesign Mobile
Ant Design 移動(dòng)端設(shè)計(jì)規(guī)范,一個(gè)基于Preact/React/React Native 的UI 組件庫(kù)。新版樣式比較好,文檔更新的也好用起來(lái)了
Bootstrap
Bootstrap 是全球受歡迎的前端開(kāi)源工具庫(kù),Bootstrap4中文文檔這個(gè)UI 庫(kù)來(lái)自Twitter 的成員,擁有了box-flex布局等更新,但是組件比較少,特點(diǎn)是提供了很多工具類(lèi);需要引入JQuery,如果有自己特殊的需求,就需要重新定制樣式。
FlatUI是基于Bootstrap做的Metro化改造,由Designmodo提供。FlatUI包含了很多Bootstrap提供的組件,但是外觀更加漂亮。
Layui
經(jīng)典開(kāi)源模塊化前端UI 框架(官方文檔鏡像站),JQuery時(shí)代很好的UI 庫(kù),是一套開(kāi)源的Web UI 解決方案,其內(nèi)部采用的是自身經(jīng)典的模塊化規(guī)范,并遵循原生HTML/CSS/JS 的開(kāi)發(fā)方式,極易上手,拿來(lái)即用。
ElementUI
出自餓了么前端團(tuán)隊(duì),學(xué)Vue 的童鞋們必用的一款UI 庫(kù),采用Vue 2.0 作為基礎(chǔ)框架實(shí)現(xiàn)的組件庫(kù),一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于Vue 2.0 的組件庫(kù),提供了配套設(shè)計(jì)資源,幫助網(wǎng)站快速成型,也支持有Angular 和React 的版本,ElementPlus 支持Vue3。
semidesign
出自字節(jié)跳動(dòng)抖音前端與UED 團(tuán)隊(duì),是一款包含設(shè)計(jì)語(yǔ)言、React組件、主題等開(kāi)箱即用的中后臺(tái)解決方案,可用于快速搭建美觀的React 應(yīng)用。
TaroUI
出自京東凹凸實(shí)驗(yàn)室,基于Taro 的多端UI 組件庫(kù),提供友好的API,可靈活的使用組件,一套組件可以在 微信小程序、H5、ReactNative 等多端適配運(yùn)行。
Vuetify
Vuetify 是建立在Vue.js之上的完備的界面框架。該項(xiàng)目的目標(biāo)是向開(kāi)發(fā)人員提供他們積累的豐富且吸引用戶體驗(yàn)所需的工具。 Vuetify從一開(kāi)始就設(shè)計(jì)為易于學(xué)習(xí)的并且擁有來(lái)自 Material設(shè)計(jì)規(guī)范的數(shù)百個(gè)精心設(shè)計(jì)組件。每一個(gè)組件都經(jīng)過(guò)精心設(shè)計(jì),具有模塊化、響應(yīng)式和優(yōu)秀的性能。
WeUI
WeUI ——微信官方的UI 庫(kù),一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù),由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信Web開(kāi)發(fā)量身設(shè)計(jì),可以令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、toast、article、icon等各式元素。