開發微信小程序的過程當中,選擇一款好用的組件庫,能夠達到事半功倍的效果。自從微信小程序面世以來,不斷有一些開源組件庫出來,下面6款就是排名比較靠前,用戶使用量與關注度比較高的小程序UI組件庫。還沒用到它們的你,能夠關注和了解一下哦!前端
WeUI WXSS是騰訊官方UI組件庫WeUI的小程序版,提供了跟微信界面風格一致的用戶體驗。vue
GitHub地址:https://github.com/Tencent/weui-wxss
npm下載:npm i weui-wxss
git
iView是TalkingData發佈的一款高質量的基於Vue.js組件庫,而iView weapp則是它們的小程序版本。github
GitHub地址:https://github.com/TalkingData/iview-weapp
npm下載:npm i iview-weapp
npm
ZanUI WeApp是有贊移動 Web UI 規範 ZanUI
的小程序實現版本,結合了微信的視覺規範,爲用戶提供更加統一的使用感覺。小程序
現已包含 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,實現了其中全部組件,爲使用mpvue的開發者提供了方便。app
GitHub地址:https://github.com/samwang1027/mpvue-zanui
npm下載:npm i mpvue-zanui
框架
MinUI 是蘑菇街前端開發團隊開發的基於微信小程序自定義組件特性開發而成的一套簡潔、易用、高效的組件庫,適用場景廣,覆蓋小程序原生框架,各類小程序組件主流框架等,而且提供了專門的命令行工具。
GitHub地址:https://github.com/meili/minui
Wux WeApp也是一個很是不錯的微信小程序自定義 UI 組件庫,組件比較豐富,值得使用。
GitHub地址:https://github.com/wux-weapp/wux-weapp
npm下載:npm i wux-weapp
ColorUI是一個Css類的UI組件庫!不是一個Js框架。相比於同類小程序組件庫,ColorUI更注重於視覺交互!
其組件在美觀性方面比較突出。
GitHub地址:https://github.com/weilanwl/ColorUI