《英雄聯(lián)盟》夏季賽總決賽今日開打！JDG對(duì)陣LNG首發(fā)名單來了 Knight：準(zhǔn)備三連冠
8月5日消息，今日17:00，《英雄聯(lián)盟》2023LPL夏季賽總決賽將正式開打，由JDG對(duì)陣LNG。對(duì)兩支隊(duì)伍來說，這場比賽不僅要爭奪夏季賽冠軍，更要決定誰才是LPL賽區(qū)一
大家好，我是Echa。
為熱烈慶祝中秋國慶雙佳節(jié)，弘揚(yáng)民族優(yōu)秀傳統(tǒng)文化，營造喜慶、祥和、團(tuán)圓的節(jié)日氛圍，豐富大家的不斷學(xué)習(xí)精神，提前“迎中秋，慶國慶”，提前整理了一波學(xué)習(xí)資料，希望對(duì)小伙伴有所幫助，同時(shí)共賀中秋國慶佳節(jié)。
接下來分享一些熱門的、經(jīng)過驗(yàn)證的11個(gè)高顏值移動(dòng)端UI組件庫，幫助大家選擇適合自己項(xiàng)目的組件庫。喜歡的粉絲們歡迎點(diǎn)贊，加關(guān)注和收藏，避免后續(xù)難找。謝謝！
官網(wǎng)：https://taro-ui.jd.com/
Github：https://github.com/NervJS/taro-ui
Taro UI 是京東凹凸實(shí)驗(yàn)室發(fā)布的 React 移動(dòng)端 UI 組件庫，把它放在第一個(gè)推薦是因?yàn)樗娴暮芎糜茫貏e是面對(duì)一個(gè)業(yè)務(wù)發(fā)布在多端的情況特別適用。現(xiàn)在的多端的形態(tài)多種多樣，比如 Web、ReactNative、微信小程序等，當(dāng)業(yè)務(wù)要求同時(shí)在不同的端都要求有所表現(xiàn)時(shí)，針對(duì)不同的端去編寫多套代碼的成本顯然非常高，這時(shí)候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。
使用 Taro，我們可以只書寫一套代碼，再通過 Taro 的編譯工具，將源代碼分別編譯出可以在不同端（微信小程序、H5、RN等）運(yùn)行的代碼。
特性
官網(wǎng)：https://ant.design/index-cn
Github：https://github.com/ant-design/ant-design
Antd Design Mobile of React 是基于 Ant Design 設(shè)計(jì)體系的 React 移動(dòng)端組件庫，主要用于研發(fā)企業(yè)級(jí)中后臺(tái)產(chǎn)品。Ant Design 作為一門設(shè)計(jì)語言已經(jīng)經(jīng)歷了多年的迭代和積累，它對(duì) UI 的設(shè)計(jì)思想已經(jīng)成為一套標(biāo)準(zhǔn)，也是 React 開發(fā)者手中的神器，大幅提高了產(chǎn)品設(shè)計(jì)研發(fā)的效率及質(zhì)量，Ant Design 文檔簡潔清晰。
螞蟻集團(tuán)的企業(yè)級(jí)產(chǎn)品是一個(gè)龐大且復(fù)雜的系統(tǒng)，數(shù)量多且功能復(fù)雜，而且變動(dòng)和并發(fā)頻繁，常常需要設(shè)計(jì)者與開發(fā)者能快速做出響應(yīng)。同時(shí)這類產(chǎn)品中有存在很多類似的頁面以及組件，可以通過抽象得到一些穩(wěn)定且高復(fù)用性的內(nèi)容。
隨著商業(yè)化的趨勢，越來越多的企業(yè)級(jí)產(chǎn)品對(duì)更好的用戶體驗(yàn)有了進(jìn)一步的要求。帶著這樣的一個(gè)終極目標(biāo)，我們（螞蟻集團(tuán)體驗(yàn)技術(shù)部）經(jīng)過大量項(xiàng)目實(shí)踐和總結(jié)，逐步打磨出一個(gè)服務(wù)于企業(yè)級(jí)產(chǎn)品的設(shè)計(jì)體系 —— Ant Design。基于「自然」、「確定性」、「意義感」、「生長性」四大設(shè)計(jì)價(jià)值觀，通過模塊化解決方案，降低冗余的生產(chǎn)成本，讓設(shè)計(jì)者專注于更好的用戶體驗(yàn)。
Antd Mobile 是國內(nèi) React 移動(dòng)端項(xiàng)目的首選組件庫。（如果你打算開發(fā)支付寶小程序，可用 Ant Design Mini）
特性
官網(wǎng)：https://weui.github.io/react-weui/#/
Github：https://github.com/weui/react-weui
React WeUI 是微信出品的面向移動(dòng)端的 UI 組件庫，整個(gè)設(shè)計(jì)原則給予微信生態(tài)，是微信設(shè)計(jì)語言的 react 實(shí)現(xiàn)。引用這套組件庫，你可以毫不費(fèi)力的融入微信的懷抱，大到組件的 UI ，小到按鈕動(dòng)效，全都和微信一模一樣。移動(dòng)端非常友好，對(duì)微信內(nèi)置瀏覽器特別優(yōu)化，絲滑流暢。
官網(wǎng)：https://tdesign.tencent.com/
Github：https://github.com/Tencent/tdesign-react
TDesign React 作為一款誕生于騰訊內(nèi)部的 UI 組件庫，經(jīng)過騰訊內(nèi)部 500+ 項(xiàng)業(yè)務(wù)檢驗(yàn)的企業(yè)級(jí)設(shè)計(jì)體系，不僅僅是前端 UI 庫，更是前端的設(shè)計(jì)指南和設(shè)計(jì)體系。支持 React 及騰訊小程序。
TDesign 是具有包容性的設(shè)計(jì)體系，它強(qiáng)調(diào)為業(yè)務(wù)提供產(chǎn)品、服務(wù)等過程中，追求以人為本、人人受益的包容性，要求搭建過程中，了解業(yè)務(wù)底層，理解業(yè)務(wù)場景的多樣性，并在繁雜的業(yè)務(wù)場景中尋找共性和特性，確保彼此能靈活地在同一個(gè)環(huán)境并存，既能滿足當(dāng)下需要，也能作用于更廣泛的場景，為不同的產(chǎn)品保留定制空間，在保證不同產(chǎn)品能夠體現(xiàn)自我特色的同時(shí)，TDesign 還可以為更廣泛的產(chǎn)品提供適合的服務(wù)。
TDesign 作為大廠打磨多年后開源的 UI 組件庫，文檔寫的非常好，不僅有「代碼例子」還有「設(shè)計(jì)指南」。讓你從多方面理解一個(gè)知識(shí)點(diǎn)，即便是萌新，也能輕松掌握。還提供了輔助設(shè)計(jì)工具及設(shè)計(jì)資源，大家常用的設(shè)計(jì)工具都能找到對(duì)應(yīng)的設(shè)計(jì)物料。流程規(guī)范，使用清晰，強(qiáng)烈推薦。
官網(wǎng)：https://nutui.jd.com/
Github：https://github.com/jdf2e/nutui-react
NutUI 是京東發(fā)布的 React 移動(dòng)端 UI 組件庫。對(duì)移動(dòng)端友好，特別針對(duì)移動(dòng)端電商業(yè)務(wù)場景優(yōu)化測試。70+ 高質(zhì)量 UI 組件，基于京東 APP 10.0 對(duì)視覺規(guī)范開發(fā)，支持按需引用，支持 TypeScript，支持主題定制。可以使用 React 語言來編寫在 H5、小程序平臺(tái)上的應(yīng)用，幫助我們提升開發(fā)效率，改善開發(fā)體驗(yàn)。
特性
官網(wǎng)：https://mui.com/
Github：https://github.com/mui/material-ui
Material-UI 是 Google Material Design 設(shè)計(jì)原則的 React 實(shí)現(xiàn)，是一套 React 組件庫，它的前身是 Google 官方的 Material Design Lite，一個(gè)純前端庫。Material UI 絕不是簡單的實(shí)現(xiàn)了 MD 設(shè)計(jì)原則的 UI 庫，而是更像一個(gè)幫助開發(fā)者解決設(shè)計(jì)問題，提供優(yōu)秀設(shè)計(jì)組件或設(shè)計(jì)方案的組件庫。 Material-UI 組件庫不論是小項(xiàng)目小團(tuán)隊(duì)的快速迭代開發(fā)，還是長期維護(hù)的大型項(xiàng)目，都非常適合，Github 上 Star 高達(dá) 80K 之多，是可以閉眼選擇的 UI 組件庫。
官網(wǎng)：https://vant-ui.github.io/vant/
Github：https://github.com/youzan/vant
Vant 是有贊團(tuán)隊(duì)開源的一個(gè)輕量、可定制的移動(dòng)端組件庫，于 2017 年開源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社區(qū)團(tuán)隊(duì)維護(hù) React 版本和支付寶小程序版本。
Vant 具有以下特性：
官網(wǎng)：https://arco.design/mobile/react
Github：https://github.com/arco-design/arco-design-mobile
Arco Design Mobile 是基于 Arco Design 設(shè)計(jì)系統(tǒng)、由字節(jié)跳動(dòng) UED-火山引擎 & 小說前端匠心打造、經(jīng)歷兩年多字節(jié)內(nèi)部打磨的移動(dòng)端組件庫。
Arco Design Mobile 提供了 50+ 基礎(chǔ)組件，覆蓋各類場景。借助 Arco 豐富的組件可以更好的搭建應(yīng)用，提高效率，在整個(gè)產(chǎn)品生產(chǎn)過程中創(chuàng)造更具凝聚力的可擴(kuò)展體驗(yàn)。
官網(wǎng)：https://varlet.gitee.io/varlet-ui/#/zh-CN/index
Github：https://github.com/varletjs/varlet
Varlet 是一個(gè)基于 Vue3 開發(fā)的 Material 豐格移動(dòng)端組件庫，全面擁抱 Vue3 生態(tài)，由社區(qū)團(tuán)隊(duì)維護(hù)。支持 Typescript、按需引入、暗黑模式、主題定制、國際化，并提供 VSCode 插件保障良好的開發(fā)體驗(yàn)。
Varlet 具有以下特性：
官網(wǎng)：https://devui.design/
Github：https://github.com/DevCloudFE/ng-devui
DevUI Design可以讓開發(fā)人員專門專注于應(yīng)用邏輯的思考，而設(shè)計(jì)人員專注于用戶體驗(yàn)，交互和流程。
規(guī)范的組件化目的不是為了限制創(chuàng)造，而是為了創(chuàng)造者更確定、科學(xué)、高效。所有行為決策的價(jià)值歸依為產(chǎn)品業(yè)務(wù)。產(chǎn)品業(yè)務(wù)永遠(yuǎn)比組件化本身更重要，業(yè)務(wù)第一。
規(guī)范不是絕對(duì)、教條、冷漠、強(qiáng)制的，實(shí)際工作中總會(huì)有新增需求、存量優(yōu)化空間、情感化設(shè)計(jì)需求超出一般通用規(guī)范。保持克制的同時(shí)，允許基于強(qiáng)烈業(yè)務(wù)需求的規(guī)范突破；之后如果有足夠的理由迭代出組件，那么就進(jìn)行組件化。
DevUI Design為開發(fā)和設(shè)計(jì)提供完善的設(shè)計(jì)原則、最佳實(shí)踐和設(shè)計(jì)資源文件來幫助業(yè)務(wù)快速設(shè)計(jì)出高質(zhì)量的產(chǎn)品原型。
官網(wǎng)：https://element-plus.org/zh-CN/
Github：https://github.com/element-plus/element-plus
Element Plus 是一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 3.0 的桌面端組件庫。
特效
一致 Consistency#
反饋 Feedback#
效率 Efficiency#
可控 Controllability#
一臺(tái)電腦,一個(gè)鍵盤,盡情揮灑智慧的人生;
幾行數(shù)字,幾個(gè)字母,認(rèn)真編寫生活的美好;
一 個(gè)靈感,一段程序,推動(dòng)科技進(jìn)步,促進(jìn)社會(huì)發(fā)展。
本文鏈接：http://www.tebozhan.com/showinfo-26-11882-0.html推薦11個(gè)高顏值移動(dòng)端UI組件庫
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)