微信小程序前端組件庫推薦


現在微信小程序是非常火爆的,所以各個大廠都推出了自己特色的小程序應用,如:百度智能小程序、頭條小程序、支付寶小程序、QQ小程序、釘釘小程序等。如果完成從0開始開發的話,成本還是蠻高的,所以我們需要借助現成的UI組件和框架來為我們節省一些時間。

WeUI


WeUI是由微信官方設計團隊分別支持微信H5網頁和微信原生小程序的開源UI組件,

github地址:https://github.com/Tencent/weui-wxss.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

ColorUI


ColorUI是開源且支持原生小程序的UI組件,由於我目前在幫朋友改一個原生的微信小程序,所以就選擇了這款開源組件。

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


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

Vant Weapp


Vant Weapp是有贊開源且分別支持Vue 版本和微信小程序版本的UI組件庫,

github地址https://github.com/youzan/vant-weapp.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

LinUI


Lin UI 是一套基於 微信小程序原生語法 實現的高質量 UI 組件庫。遵循簡潔、易用、美觀的設計規范。

github地址:https://github.com/TaleLin/lin-ui.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

iView weapp


iview-weapp是支持原生微信小程序的UI組件

github地址:https://github.com/TalkingData/iview-weapp.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

MinUI


MinUI 是基於微信小程序自定義組件特性開發而成的一套簡潔、易用、高效的組件庫,適用場景廣,覆蓋小程序原生框架,各種小程序組件主流框架等,並且提供了專門的命令行工具。但是它近幾年都沒有什么進展了

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


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

ThorUI


ThorUI支持微信原生小程序開發的UI組件,同時也有支持uniapp的版ThorUI-uniapp

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


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

UniUI


基於uni-app框架的ui組件,所以就只支持類似uni-app的vue框架

github地址:https://github.com/dcloudio/uni-ui.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

uViewUI


uView UI號稱是uni-app生態最優秀的UI框架,所以也是只支持類似uni-app的vue框架,但是我並沒有用過它,感覺的它的組件庫比較豐富,樣式風格也是比較漂亮

github地址:https://github.com/YanxinNet/uView.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

wux-weapp


wux-weapp號稱是一套組件化、可復用、易擴展的微信小程序 UI 組件庫,我沒有看過它的demo,所以也不知道它長什么樣子

github地址:https://github.com/wux-weapp/wux-weapp.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

taro ui


Taro UI一款基於 Taro 框架開發的多端 UI 組件庫,所以它也是配置Taro框架才能使用,一套組件可以在 微信小程序,支付寶小程序,百度小程序,H5 多端適配運行(ReactNative 端暫不支持)

github地址:https://github.com/NervJS/taro-ui.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?


前面是我收集到的一些UI組件,接下來,我們再來一些開發框架,

taro


開放式跨端跨框架解決方案,支持使用 React/Vue/Nerv 等框架來開發微信/京東/百度/支付寶/字節跳動/ QQ 小程序/H5 等應用。

github地址:https://github.com/NervJS/taro.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

mpvue


mpvue 是一個使用 Vue.js 開發小程序的前端框架,目前支持 微信小程序、百度智能小程序,頭條小程序 和 支付寶小程序

github地址:https://github.com/Meituan-Dianping/mpvue.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

WePY


WePY (發音: /'wepi/)是一款讓小程序支持組件化開發的框架,通過預編譯的手段讓開發者可以選擇自己喜歡的開發風格去開發小程序

github地址:https://github.com/Tencent/wepy.git


這些開發微信小程序的UI組件和框架,你們都知道嗎?


這些開發微信小程序的UI組件和框架,你們都知道嗎?

 

uni-app


uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可發布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應用等多個平台。

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


這些開發微信小程序的UI組件和框架,你們都知道嗎?


最近在幫朋友修改原生小程序,所以就收集了一些小程序相關的UI組件和框架,留着備用,並未對比過各個組件和框架的優劣勢,有對這些東西比較了解的大兄弟們還請分享一下,讓大叔少走彎路。目前我是用的ColorUI,開發出來的效果確實蠻漂亮的,后期,如果開發多端小程序,我應該會在Taro和Uni-APP之間選擇。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM