隨著UniApp愈發(fā)流行，支持UniApp的UI組件庫就顯得更加受歡迎，這里就分享幾款支持UniApp的UI組件庫。讓你跨端應(yīng)用開發(fā)更快速、更高效。

TMUI

優(yōu)質(zhì)Vue3 TS Pinia Vite跨端組件庫,Uni App通用組件庫跨端組件庫,支持NVUE原生渲染,APP(安卓,IOS),微信小程序,H5,各家小程序;享受vue3的極速體驗(yàn)，享受TypeScript的強(qiáng)類型提示，性能強(qiáng)勁快速,vite編譯速度極快；所有組件采用最新特性，性能翻倍。讓uniapp在原生，小程序應(yīng)用中流暢的運(yùn)行，極致絲滑的體驗(yàn)。

代碼地址:https://gitee.com/LYTB/tmui-design.git

官網(wǎng):tmui 原生渲染vue3 typeScript nvue全平臺(tái)ui組件庫 - DCloud 插件市場

uView UI

uView是遵循MIT (opens new window)開源協(xié)議開源的uni-app生態(tài)專用的UI框架，uni-app 是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼， 可發(fā)布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個(gè)平臺(tái),2.0已全面兼容nvue.

代碼地址:https://github.com/umicro/uView2.0.git

也有人基于uViewUI開發(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

在使用過程可能也會(huì)遇到一些問題。

官網(wǎng)vue2:uView 2.0 - 全面兼容 nvue 的 uni-app 生態(tài)框架 - uni-app UI 框架

官網(wǎng)vue3:uview-plus 3.0 - 全面兼容nvue的uni-app生態(tài)框架 - uni-app UI框架

FirstUI

First UI 是一套基于uni-app開發(fā)的組件化、可復(fù)用、易擴(kuò)展、低耦合的跨平臺(tái)移動(dòng)端UI 組件庫。全面兼容App-Nvue、App-vue、小程序（微信、支付寶、百度、字節(jié)、QQ）、H5。UI 樣式可配置，拓展靈活，輕松適應(yīng)不同的設(shè)計(jì)風(fēng)格，100+ 豐富的組件，能夠滿足移動(dòng)端開發(fā)的基本需求，提供開箱即用的常用布局，極大程度節(jié)省開發(fā)成本

代碼地址:https://github.com/FirstUI/FirstUI.git

官網(wǎng):FirstUI UNI版

Tuniao UI

圖鳥UI，是基于uni-app進(jìn)行開發(fā)的UI框架，提供豐富的組件進(jìn)行快速開發(fā)，已經(jīng)支持H5和微信小程序，包含常用表單組件、信息展示組件等，并提供豐富的酷炫頁面模板。包含基礎(chǔ)常用的布局元素，flex、grid、浮動(dòng),完整一體的配色體系，包含4種色深模式，同時(shí)包含4套漸變配色,30+精選組件，讓開發(fā)者可以快速進(jìn)行開發(fā),酷炫常用的頁面模板，更有讓你眼前一亮的界面效果.

代碼地址:https://gitee.com/TSpecific/tuniao-ui.git

官網(wǎng):圖鳥UI - DCloud 插件市場

TuniaoUI開源版遵循Apache協(xié)議，意味著您無需支付任何費(fèi)用，也無需授權(quán)，即可將TuniaoUI開源版應(yīng)用到您的產(chǎn)品中，但是需要保留TuniaoUI的信息。

ThorUI

Thor UI是包含uni-app和原生小程序雙重版本且輕量、簡潔的移動(dòng)端組件庫。提供近百個(gè)高質(zhì)量組件，覆蓋移動(dòng)端各類場景，讓您的開發(fā)效率倍速提升!

ThorUI組件庫小程序原生版本，該開源版源碼為V1.4.2版本，后續(xù)更新版本付費(fèi)會(huì)員才可使用.ThorUI組件庫，uni-app版本，v3編譯，支持nvue uni-app編譯模式（原weex編譯模式），easycom組件模式（無需手動(dòng)引入，開發(fā)工具自帶智能感知）

代碼地址:https://github.com/dingyong0214/ThorUI.git
代碼地址:https://github.com/dingyong0214/ThorUI-uniapp.git

官網(wǎng):ThorUI文檔

uni ui

uni-ui就不用說了，是DCloud提供的一個(gè)跨端ui庫，想必大家都用過，它是基于vue組件的、flex布局的、無dom的跨全端ui框架。

代碼地址:https://github.com/dcloudio/uni-app.git

官網(wǎng):組件使用的入門教程 | uni-app官網(wǎng)

uCharts

高性能跨平臺(tái)圖表庫，支持H5、APP、小程序（微信小程序、支付寶小程序、釘釘小程序、百度小程序、頭條小程序、QQ小程序、快手小程序、360小程序）、Vue、Taro等更多支持canvas的框架平臺(tái)，支持餅圖、圓環(huán)圖、線圖、柱狀圖、山峰圖、區(qū)域圖、雷達(dá)圖、圓弧進(jìn)度圖、儀表盤、K線圖、條狀圖、混合圖、玫瑰圖、漏斗圖、詞云圖、時(shí)序圖、散點(diǎn)圖、氣泡圖、地圖等常見圖表。

代碼地址:https://gitee.com/uCharts/uCharts.git

官網(wǎng):uCharts官網(wǎng) - 秋云uCharts跨平臺(tái)圖表庫

mescroll-uni

mescroll-uni 是用在uni-app的下拉刷新和上拉加載的組件，支持一套代碼編譯到iOS、Android、H5、小程序等多個(gè)平臺(tái)，自動(dòng)判斷和提示列表無任何數(shù)據(jù)或無更多數(shù)據(jù)，無需手動(dòng)判斷處理列表的頁碼,時(shí)間等變量，支持監(jiān)聽列表滾動(dòng)事件,可平滑滾動(dòng)到任何位置

代碼地址:https://github.com/mescroll/mescroll.git

官網(wǎng):mescroll -- 精致的下拉刷新和上拉加載js框架

Taro

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

現(xiàn)如今市面上端的形態(tài)多種多樣，Web、React Native、微信小程序等各種端大行其道。當(dāng)業(yè)務(wù)要求同時(shí)在不同的端都要求有所表現(xiàn)的時(shí)候，針對不同的端去編寫多套代碼的成本顯然非常高，這時(shí)候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

官網(wǎng):Taro 文檔文章來源地址http://www.zghlxwxcb.cn/news/detail-708306.html

到了這里，關(guān)于適用于Uniapp快速開發(fā)小程序的6個(gè)開源UI框架的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！