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