常用微信小程序UI庫,用過都說好?。?/h2>

前言

開發(fā)微信小程序的過程中,選擇一款好用的組件庫,可以達(dá)到事半功倍的效果。自從微信小程序面世以來,不斷有一些開源組件庫出來,下面這幾款就是排名比較靠前,用戶使用量與關(guān)注度比較高的小程序UI組件庫。還沒用到它們的你,可以關(guān)注和了解一下哦!

WeUI WXSS

WeUI WXSS是騰訊官方UI組件庫WeUI的小程序版,提供了跟微信界面風(fēng)格一致的用戶體驗(yàn)。

GitHub地址:https://github.com/Tencent/weui-wxss
npm下載:npm i weui-wxss

image

iView WeApp

iView是TalkingData發(fā)布的一款高質(zhì)量的基于Vue.js組件庫,而iView weapp則是它們的小程序版本。

GitHub地址:https://github.com/TalkingData/iview-weapp
npm下載:npm i iview-weapp

image

ZanUI WeApp

ZanUI WeApp是有贊移動(dòng) Web UI 規(guī)范 ZanUI 的小程序?qū)崿F(xiàn)版本,結(jié)合了微信的視覺規(guī)范,為用戶提供更加統(tǒng)一的使用感受。

現(xiàn)已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、tooltips 等組件或元素。

GitHub地址:https://github.com/youzan/zanui-weapp
npm下載:npm i zanui-weapp

另外,ZanUI也使用mpvue重寫了zanui-weapp,實(shí)現(xiàn)了其中所有組件,為使用mpvue的開發(fā)者提供了方便。

GitHub地址:https://github.com/samwang1027/mpvue-zanui
npm下載:npm i mpvue-zanui

更新提示:

ZanUI-WeApp 現(xiàn)已升級為 Vant Weapp,Vant Weapp 是有贊移動(dòng)端組件庫 Vant 的小程序版本,兩者基于相同的視覺規(guī)范,提供一致的 API 接口,助力開發(fā)者快速搭建小程序應(yīng)用。

本倉庫不再維護(hù),請移步至 Vant Weapp 倉庫.

Vant Weapp 倉庫地址: https://github.com/youzan/vant-weapp

image

MinUI

MinUI 是蘑菇街前端開發(fā)團(tuán)隊(duì)開發(fā)的基于微信小程序自定義組件特性開發(fā)而成的一套簡潔、易用、高效的組件庫,適用場景廣,覆蓋小程序原生框架,各種小程序組件主流框架等,并且提供了專門的命令行工具。

GitHub地址:https://github.com/meili/minui

image

Wux WeApp

Wux WeApp也是一個(gè)非常不錯(cuò)的微信小程序自定義 UI 組件庫,組件比較豐富,值得使用。

GitHub地址:https://github.com/wux-weapp/wux-weapp
npm下載:npm i wux-weapp

image

ColorUI

ColorUI是一個(gè)Css類的UI組件庫!不是一個(gè)Js框架。相比于同類小程序組件庫,ColorUI更注重于視覺交互!

其組件在美觀性方面比較突出。

GitHub地址:https://github.com/weilanwl/ColorUI

image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容