前端ui框架有哪些

elementui應(yīng)該是大家用的最多的和最常見(jiàn)最穩(wěn)定的ui框架,那么除了elementui還有哪些好用的框架呢穿铆?

1.amazeui(妹子 UI) 中國(guó)首個(gè)開(kāi)源 HTML5 跨屏前端框架

Amaze UI 以移動(dòng)優(yōu)先(Mobile first)為理念,從小屏逐步擴(kuò)展到大屏晨逝,最終實(shí)現(xiàn)所有屏幕適配亏较,適應(yīng)移動(dòng)互聯(lián)潮流遏佣。
官網(wǎng)地址:
http://amazeui.shopxo.net/javascript/modal/

2.WeUI 適配于微信小程序的ui框架

WeUI 是一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù),由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁(yè)和微信小程序量身設(shè)計(jì)讯壶,令用戶的使用感知更加統(tǒng)一料仗。
官網(wǎng)地址:
https://weui.io/#button_default

3.MintUI 是基于Vue.js移動(dòng)組件庫(kù)

// 安裝
# Vue 1.x
npm install mint-ui@1 -S
# Vue 2.0
npm install mint-ui -S


// 引入全部組件
import Vue from 'vue';
import Mint from 'mint-ui';
Vue.use(Mint);
// 按需引入部分組件
import { Cell, Checklist } from 'mint-ui';
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

官網(wǎng)地址:
http://mint-ui.github.io/docs/#/

4.LayUI 兼容人類正在使用的全部瀏覽器(IE6/7 除外),可作為 Web 界面速成開(kāi)發(fā)方案伏蚊。

基于瀏覽器端原生態(tài)模式立轧,面向全層次的前后端開(kāi)發(fā)者,易上手且開(kāi)源免費(fèi)的 Web 界面組件庫(kù)
官網(wǎng)地址:
https://layuion.com/docs/

5.iviewUI

基于Vue.js的一個(gè)UI框架躏吊,主要用PC端氛改,組件比ElementUI更豐富。View Design基于 Vue.js 3 的企業(yè)級(jí) UI 組件庫(kù)和前端解決方案颜阐,
為數(shù)萬(wàn)開(kāi)發(fā)者服務(wù)平窘。
官網(wǎng)地址:
https://www.iviewui.com/

6.Naive UI Vue3+TypeScript組件庫(kù)

Naive UI 是一個(gè) Vue3 的組件庫(kù)。全量使用 TypeScript 編寫(xiě)凳怨,和你的 TypeScript 項(xiàng)目無(wú)縫銜接瑰艘。有超過(guò) 80 個(gè)組件,希望能幫你少寫(xiě)點(diǎn)代碼肤舞。順便一提紫新,它們?nèi)伎梢?treeshaking。盡力讓它不要太慢李剖。至少 select芒率、tree、transfer篙顺、table偶芍、cascader 都可以用虛擬列表,整體使用感受還是很好的德玫,全局配置化匪蟀,減少很多無(wú)用代碼。
官網(wǎng)地址:
https://www.naiveui.com/zh-CN/os-theme/docs/introduction

7.Ant Design Pro

一個(gè)由螞蟻金服開(kāi)源出來(lái)的企業(yè)級(jí)后臺(tái)前端UI框架宰僧,目前有Vue和React等版本材彪。使用感受:react版本比vue版本好用穩(wěn)定,vue版本可能是改造的原因,用起來(lái)有一些不方便段化,包括tree的虛擬加載都沒(méi)有更新嘁捷,react版本比較豐富,這個(gè)組件推薦配合react使用显熏。
vue版本官網(wǎng)地址:
https://2x.antdv.com/components/form-cn/
react版本官網(wǎng)地址:
https://ant.design/components/button-cn/

8.Ionic Native 基于AngularJS框架的Javascript UI框架

用于移動(dòng)端開(kāi)發(fā)雄嚣,學(xué)習(xí)成本較高,版本好多喘蟆,選擇的時(shí)候需要慎重现诀,各種適配的版本,Ionic 是一個(gè)輕量的手機(jī) UI 庫(kù)履肃,具有速度快,界面現(xiàn)代化坐桩、美觀等特點(diǎn)尺棋。為了解決其他一些 UI 庫(kù)在手機(jī)上運(yùn)行緩慢的問(wèn)題。
官網(wǎng)地址:
http://www.ionic.wang/native_doc-index.html

9.Uni-app

uni-app 是一個(gè)使用 Vue.js (opens new window)開(kāi)發(fā)所有前端應(yīng)用的框架绵跷,開(kāi)發(fā)者編寫(xiě)一套代碼膘螟,可發(fā)布到iOS、Android碾局、Web(響應(yīng)式)荆残、以及各種小程序(微信/支付寶/百度/頭條/飛書(shū)/QQ/快手/釘釘/淘寶)、快應(yīng)用等多個(gè)平臺(tái)净当,如果要做微信小程序uni-app配合微信開(kāi)發(fā)者文檔還是蠻香的内斯,另一篇文章有具體入門進(jìn)階介紹。
官網(wǎng)地址:
https://uniapp.dcloud.net.cn/

10.mantine ui

ui框架內(nèi)容很豐富像啼。github star數(shù)高達(dá)15K(截止到我目前看到的數(shù)量哦)俘闯,大體看了是可以多樣化定義的,內(nèi)容很豐富忽冻,支持面也很廣真朗,如果又需要特殊定制的樣式可以去看看。
官網(wǎng)地址:
https://mantine.dev/core/checkbox/#states

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末僧诚,一起剝皮案震驚了整個(gè)濱河市遮婶,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌湖笨,老刑警劉巖旗扑,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異赶么,居然都是意外死亡肩豁,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)清钥,“玉大人琼锋,你說(shuō)我怎么就攤上這事∷钫眩” “怎么了缕坎?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)篡悟。 經(jīng)常有香客問(wèn)我谜叹,道長(zhǎng),這世上最難降的妖魔是什么搬葬? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任荷腊,我火速辦了婚禮,結(jié)果婚禮上急凰,老公的妹妹穿的比我還像新娘女仰。我一直安慰自己,他們只是感情好抡锈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布疾忍。 她就那樣靜靜地躺著,像睡著了一般床三。 火紅的嫁衣襯著肌膚如雪一罩。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,182評(píng)論 1 299
  • 那天撇簿,我揣著相機(jī)與錄音聂渊,去河邊找鬼。 笑死四瘫,一個(gè)胖子當(dāng)著我的面吹牛歧沪,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播莲组,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼诊胞,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了锹杈?” 一聲冷哼從身側(cè)響起撵孤,我...
    開(kāi)封第一講書(shū)人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎竭望,沒(méi)想到半個(gè)月后邪码,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡咬清,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年闭专,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了奴潘。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡影钉,死狀恐怖画髓,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情平委,我是刑警寧澤奈虾,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站廉赔,受9級(jí)特大地震影響肉微,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蜡塌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一碉纳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧馏艾,春花似錦村象、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)躁劣。三九已至迫吐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間账忘,已是汗流浹背志膀。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鳖擒,地道東北人溉浙。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蒋荚,于是被迫代替她去往敵國(guó)和親戳稽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

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