前端 UI 組件庫(kù)有哪些選擇

Vue 3

Element Plus

基于 Vue 3,面向設(shè)計(jì)師和開(kāi)發(fā)者的組件庫(kù) 蚓曼。

創(chuàng)作者:餓了么團(tuán)隊(duì)

文檔地址:https://element-plus.gitee.io/zh-CN/

Ant Design Vue

ant-design-vue 為 Web 應(yīng)用提供了豐富的基礎(chǔ) UI 組件,我們還將持續(xù)探索企業(yè)級(jí)應(yīng)用的最佳 UI 實(shí)踐修陡。

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://antdv.com/components/overview-cn

Vant 4

輕量媒抠、可靠的移動(dòng)端 Vue 組件庫(kù)爸邢。

創(chuàng)作者:有贊團(tuán)隊(duì)

文檔地址:https://vant-contrib.gitee.io/vant/#/zh-CN

Arco Design Vue

智能設(shè)計(jì)體系,連接輕盈體驗(yàn),字節(jié)跳動(dòng)出品的企業(yè)級(jí)設(shè)計(jì)系統(tǒng)

創(chuàng)作者:字節(jié)跳動(dòng)

文檔地址:https://arco.design/vue/docs/start

VARLET

Varlet 是一個(gè)基于 Vue3 開(kāi)發(fā)的 Material 風(fēng)格移動(dòng)端組件庫(kù)短蜕,全面擁抱 Vue3 生態(tài)氢架,由社區(qū)團(tuán)隊(duì)維護(hù)。支持 Typescript忿危、按需引入达箍、暗黑模式、主題定制铺厨、國(guó)際化缎玫,并提供 VSCode 插件保障良好的開(kāi)發(fā)體驗(yàn)。

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://varlet.gitee.io/varlet-ui/#/zh-CN/index

Naive UI

一個(gè) Vue 3 組件庫(kù)解滓,比較完整赃磨,主題可調(diào),使用 TypeScript洼裤,快邻辉,有點(diǎn)意思 。

創(chuàng)作者: 圖森未來(lái)

文檔地址:https://www.naiveui.com/zh-CN/light

Vue DevUI

一個(gè)基于 DevUI Design 的 Vue3 組件庫(kù)

創(chuàng)作者: 華為

文檔地址:https://vue-devui.github.io/

View UI Plus

View UI Plus 是 View Design 設(shè)計(jì)體系中基于 Vue.js 3 的一套 UI 組件庫(kù)腮鞍,主要用于企業(yè)級(jí)中后臺(tái)系統(tǒng)值骇。

創(chuàng)作者: 長(zhǎng)沙開(kāi)發(fā)者科技有限公司

文檔地址:https://www.iviewui.com/view-ui-plus/guide/introduce

Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.

創(chuàng)作者: 開(kāi)源社區(qū)

文檔地址:https://next.vuetifyjs.com/en/

Wave UI

A Vue.js UI framework with only the bright side.

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://antoniandre.github.io/wave-ui/

PRIMEVUE

PrimeVue is a rich set of open source native components for Vue.

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://primevue.org/

Vue 2

Vant

輕量、可靠的移動(dòng)端 Vue 組件庫(kù)移国。

創(chuàng)作者:有贊團(tuán)隊(duì)

文檔地址:https://vant-contrib.gitee.io/vant/v2/#/zh-CN/

AT-UI

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 組件庫(kù)吱瘩,主要用于快速開(kāi)發(fā) PC 網(wǎng)站中后臺(tái)產(chǎn)品。

創(chuàng)作者:凹凸實(shí)驗(yàn)室

文檔地址:https://at-ui.github.io/at-ui/#/zh

Vuetify

Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://vuetifyjs.com/en/getting-started/

Element

Element迹缀,一套為開(kāi)發(fā)者使碾、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫(kù)。

創(chuàng)作者:餓了么團(tuán)隊(duì)

文檔地址:https://element.eleme.cn/#/zh-CN

Wave UI

A Vue.js UI framework with only the bright side.

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://antoniandre.github.io/wave-ui/

Vuesax

We love what we do. Let us help you do what You love.

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://lusaxweb.github.io/vuesax/development/

React

Ant Design of React

antd 是基于 Ant Design 設(shè)計(jì)體系的 React UI 組件庫(kù)祝懂,主要用于研發(fā)企業(yè)級(jí)中后臺(tái)產(chǎn)品票摇。

創(chuàng)作者:螞蟻金服團(tuán)隊(duì)

文檔地址:https://ant.design/docs/react/introduce-cn

React Vant

根據(jù) Vant 開(kāi)發(fā)的基于 React 開(kāi)發(fā)的移動(dòng)端組件庫(kù)。

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://react-vant-gitee.3lang.dev/

Arco Design React

智能設(shè)計(jì)體系砚蓬,連接輕盈體驗(yàn)矢门,字節(jié)跳動(dòng)出品的企業(yè)級(jí)設(shè)計(jì)系統(tǒng)

創(chuàng)作者:字節(jié)跳動(dòng)

文檔地址:https://arco.design/react/docs/start

Element React

Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community.

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://elemefe.github.io/element-react/index

PRIMEREACT

PrimeReact is a rich set of open source UI components for React.

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://primereact.org/

跨框架技術(shù)

Semi Design

由抖音前端與 UED 團(tuán)隊(duì)維護(hù),易于定制的現(xiàn)代化設(shè)計(jì)系統(tǒng)怜械,幫助設(shè)計(jì)師與開(kāi)發(fā)者打造高質(zhì)量產(chǎn)品颅和。

創(chuàng)作者:抖音前端團(tuán)隊(duì)

文檔地址:http://semi.design/zh-CN/start/getting-started

Taro

Taro 是一個(gè)開(kāi)放式跨端跨框架解決方案,支持使用 React/Vue/Nerv 等框架來(lái)開(kāi)發(fā) 微信 / 京東 / 百度 / 支付寶 / 字節(jié)跳動(dòng) / QQ / 飛書(shū) 小程序 / H5 / RN 等應(yīng)用缕允。

創(chuàng)作者:京東 Taro 團(tuán)隊(duì)

文檔地址:https://taro-docs.jd.com/docs/

Quark

Quark 是一款基于 Web Components 的跨框架 UI 組件庫(kù)峡扩。 它可以同時(shí)在任意框架或無(wú)框架中使用。

創(chuàng)作者:開(kāi)源社區(qū)

文檔地址:https://quark-design.hellobike.com/#/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末障本,一起剝皮案震驚了整個(gè)濱河市教届,隨后出現(xiàn)的幾起案子响鹃,更是在濱河造成了極大的恐慌,老刑警劉巖案训,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件买置,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡强霎,警方通過(guò)查閱死者的電腦和手機(jī)忿项,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)城舞,“玉大人轩触,你說(shuō)我怎么就攤上這事〖叶幔” “怎么了脱柱?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)拉馋。 經(jīng)常有香客問(wèn)我榨为,道長(zhǎng),這世上最難降的妖魔是什么煌茴? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任随闺,我火速辦了婚禮,結(jié)果婚禮上蔓腐,老公的妹妹穿的比我還像新娘板壮。我一直安慰自己,他們只是感情好合住,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著撒璧,像睡著了一般透葛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上卿樱,一...
    開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1 285
  • 那天僚害,我揣著相機(jī)與錄音,去河邊找鬼繁调。 笑死萨蚕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蹄胰。 我是一名探鬼主播岳遥,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼裕寨!你這毒婦竟也來(lái)了浩蓉?” 一聲冷哼從身側(cè)響起派继,我...
    開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎捻艳,沒(méi)想到半個(gè)月后驾窟,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡认轨,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年绅络,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嘁字。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡恩急,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拳锚,到底是詐尸還是另有隱情假栓,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布霍掺,位于F島的核電站匾荆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏杆烁。R本人自食惡果不足惜牙丽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望兔魂。 院中可真熱鬧烤芦,春花似錦、人聲如沸析校。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)智玻。三九已至遂唧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間吊奢,已是汗流浹背盖彭。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留页滚,地道東北人召边。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像裹驰,于是被迫代替她去往敵國(guó)和親隧熙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 16款優(yōu)秀的Vue UI組件庫(kù)推薦 Vue 是一個(gè)輕巧幻林、高性能贱鼻、可組件化的MVVM庫(kù)宴卖,API簡(jiǎn)潔明了,上手快邻悬。從V...
    晏輝_e7c6閱讀 2,891評(píng)論 0 31
  • 寫(xiě)個(gè)序吧: 隨著工作的不斷深入症昏,越來(lái)越發(fā)現(xiàn)很多好的前端開(kāi)源項(xiàng)目都來(lái)自于國(guó)外,國(guó)產(chǎn)的開(kāi)源項(xiàng)目很多時(shí)候面臨叫好不叫座甚...
    風(fēng)云變色閱讀 431評(píng)論 0 1
  • 我項(xiàng)目中用的20個(gè)輪子 開(kāi)發(fā)效率提升200% 建議收藏 我是一個(gè)前端開(kāi)發(fā)者父丰,這個(gè)視頻就推薦我工作中常用的15個(gè)輪子...
    小柳前端閱讀 1,333評(píng)論 0 1
  • 主流組件庫(kù)對(duì)比 PC端 UI組件庫(kù)名github star是否可自定義主題是否支持vue3發(fā)布時(shí)間穩(wěn)定性貢獻(xiàn)者El...
    俄小發(fā)閱讀 1,998評(píng)論 0 1
  • 學(xué)習(xí)資料 vue github (里面包含了vue, vuex, vue-cli等源碼) vue-cli 官網(wǎng) v...
    pauljun閱讀 6,025評(píng)論 2 17