適用于Uniapp快速開(kāi)發(fā)小程序的5個(gè)開(kāi)源UI框架(uniapp 開(kāi)發(fā)小程序)
隨著UniApp愈發(fā)流行,支持UniApp的UI組件庫(kù)就顯得更加受歡迎,這里就分享幾款支持UniApp的UI組件庫(kù)。讓你跨端應(yīng)用開(kāi)發(fā)更快速、高效
TMUI
優(yōu)質(zhì)Vue3 TS Pinia Vite跨端組件庫(kù),Uni App通用組件庫(kù)跨端組件庫(kù),支持NVUE原生渲染,APP(安卓,IOS),微信小程序,H5,各家小程序;享受vue3的極速體驗(yàn),享受TypeScript的強(qiáng)類(lèi)型提示,性能強(qiáng)勁快速,vite編譯速度極快;所有組件采用最新特性,性能翻倍。讓uniapp在原生,小程序應(yīng)用中流暢的運(yùn)行,極致絲滑的體驗(yàn)。
代碼地址https://gitee.com/LYTB/tmui-design.git
uView UI
uView是遵循MIT (opens new window)開(kāi)源協(xié)議開(kāi)源的uni-app生態(tài)專(zhuān)用的UI框架,uni-app 是一個(gè)使用 Vue.js 開(kāi)發(fā)所有前端應(yīng)用的框架,開(kāi)發(fā)者編寫(xiě)一套代碼, 可發(fā)布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個(gè)平臺(tái),2.0已全面兼容nvue.
代碼地址https://github.com/umicro/uView2.0.git
也有人基于uViewUI開(kāi)發(fā)的vk-uview-ui同時(shí)支持 Vue3.0 和 Vue2.0,
代碼地址https://gitee.com/vk-uni/vk-uview-ui.git
還有uview-plus,是基于uView2.x修改的vue3版本。
代碼地址https://github.com/ijry/uview-plus.git
在使用過(guò)程可能也會(huì)遇到一些問(wèn)題。
FirstUI
First UI 是一套基于uni-app開(kāi)發(fā)的組件化、可復(fù)用、易擴(kuò)展、低耦合的跨平臺(tái)移動(dòng)端UI 組件庫(kù)。全面兼容App-Nvue、App-vue、小程序(微信、支付寶、百度、字節(jié)、QQ)、H5。UI 樣式可配置,拓展靈活,輕松適應(yīng)不同的設(shè)計(jì)風(fēng)格,100 豐富的組件,能夠滿(mǎn)足移動(dòng)端開(kāi)發(fā)的基本需求,提供開(kāi)箱即用的常用布局,極大程度節(jié)省開(kāi)發(fā)成本
代碼地址https://github.com/FirstUI/FirstUI.git
Tuniao UI
圖鳥(niǎo)UI,是基于uni-app進(jìn)行開(kāi)發(fā)的UI框架,提供豐富的組件進(jìn)行快速開(kāi)發(fā),已經(jīng)支持H5和微信小程序,包含常用表單組件、信息展示組件等,并提供豐富的酷炫頁(yè)面模板。包含基礎(chǔ)常用的布局元素,flex、grid、浮動(dòng),完整一體的配色體系,包含4種色深模式,同時(shí)包含4套漸變配色,30 精選組件,讓開(kāi)發(fā)者可以快速進(jìn)行開(kāi)發(fā),酷炫常用的頁(yè)面模板,更有讓你眼前一亮的界面效果.
代碼地址https://gitee.com/TSpecific/tuniao-ui.git
TuniaoUI開(kāi)源版遵循Apache協(xié)議,意味著您無(wú)需支付任何費(fèi)用,也無(wú)需授權(quán),即可將TuniaoUI開(kāi)源版應(yīng)用到您的產(chǎn)品中,但是需要保留TuniaoUI的信息。
ThorUI
Thor UI是包含uni-app和原生小程序雙重版本且輕量、簡(jiǎn)潔的移動(dòng)端組件庫(kù)。提供近百個(gè)高質(zhì)量組件,覆蓋移動(dòng)端各類(lèi)場(chǎng)景,讓您的開(kāi)發(fā)效率倍速提升!
ThorUI組件庫(kù)小程序原生版本,該開(kāi)源版源碼為V1.4.2版本,后續(xù)更新版本付費(fèi)會(huì)員才可使用.ThorUI組件庫(kù),uni-app版本,v3編譯,支持nvue uni-app編譯模式(原weex編譯模式),easycom組件模式(無(wú)需手動(dòng)引入,開(kāi)發(fā)工具自帶智能感知)
代碼地址https://github.com/dingyong0214/ThorUI.git
代碼地址https://github.com/dingyong0214/ThorUI-uniapp.git
uni ui
uni-ui就不用說(shuō)了,是DCloud提供的一個(gè)跨端ui庫(kù),想必大家都用過(guò),它是基于vue組件的、flex布局的、無(wú)dom的跨全端ui框架。
代碼地址https://github.com/dcloudio/uni-app.git
下面再分享兩個(gè)使用的組件uCharts和mescroll-uni。
uCharts
高性能跨平臺(tái)圖表庫(kù),支持H5、APP、小程序(微信小程序、支付寶小程序、釘釘小程序、百度小程序、頭條小程序、QQ小程序、快手小程序、360小程序)、Vue、Taro等更多支持canvas的框架平臺(tái),支持餅圖、圓環(huán)圖、線(xiàn)圖、柱狀圖、山峰圖、區(qū)域圖、雷達(dá)圖、圓弧進(jìn)度圖、儀表盤(pán)、K線(xiàn)圖、條狀圖、混合圖、玫瑰圖、漏斗圖、詞云圖、時(shí)序圖、散點(diǎn)圖、氣泡圖、地圖等常見(jiàn)圖表。
代碼地址https://gitee.com/uCharts/uCharts.git
mescroll-uni
mescroll-uni 是用在uni-app的下拉刷新和上拉加載的組件,支持一套代碼編譯到iOS、Android、H5、小程序等多個(gè)平臺(tái),自動(dòng)判斷和提示列表無(wú)任何數(shù)據(jù)或無(wú)更多數(shù)據(jù),無(wú)需手動(dòng)判斷處理列表的頁(yè)碼,時(shí)間等變量,支持監(jiān)聽(tīng)列表滾動(dòng)事件,可平滑滾動(dòng)到任何位置
代碼地址https://github.com/mescroll/mescroll.git
其實(shí)大多數(shù)開(kāi)源項(xiàng)目的目的就為了引流,接外包、賣(mài)產(chǎn)品,甚至是私活,這無(wú)可厚非,開(kāi)源也需要很大的精力投入。但是也確實(shí)有一些非常不錯(cuò)的開(kāi)源在為愛(ài)發(fā)電。今天就暫時(shí)分享這些項(xiàng)目,后面持續(xù)更新。那么,大家還有更好用的開(kāi)源組件嗎?