微信小程式+UI架構

小程式基礎樣式庫、star數為截至2021年1月27日統計

ColorUI

1、start 10.1k

2、鮮亮的高飽和色彩，專注視覺的小程式元件庫

3、GitHub 位址：https://github.com/weilanwl/ColorUI

4、開發文檔參考（編輯中）：https://www.color-ui.com

5、ColorUI在語雀有個群友共同在維護的知識庫，裡面有一些群友改的模闆和UI素材供開發使用哦！

6、 語雀-ColorUI群資源、https://www.yuque.com/colorui

VantUI

1、Vant Weapp、start 14.2k

2、Vant Weapp 是有贊移動端元件庫 Vant 的小程式版本，兩者基于相同的視覺規範，提供一緻的 API 接口，助力開發者快速搭建小程式應用。

3、GitHub 位址：https://github.com/youzan/vant-weapp

4、開發文檔參考：https://youzan.github.io/vant-weapp/#/intro

5、小程式版本：https://vant-contrib.gitee.io/vant-weapp/#/intro

6、Vue版本：https://vant-contrib.gitee.io/vant/#/zh-CN/

WeUI

1、start 25.4k

2、WeUI 是一套同微信原生視覺體驗一緻的基礎樣式庫，由微信官方設計團隊為微信 Web 開發量身設計，可以令使用者的使用感覺更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

3、GitHub 位址：https://github.com/Tencent/weui

4、效果：https://weui.io

5、開發文檔參考：https://github.com/Tencent/weui/wiki

6、關于WeUI的輕量級JavaScript庫：https://github.com/weui/weui.js

iViewUI

1、iView Weapp、start 5.9k、

2、iView Weapp是由 TalkingData 釋出的元件庫，一套高品質的

微信小程式 UI 元件庫。

3、GitHub ：https://github.com/TalkingData/iview-weapp

4、開發文檔：https://weapp.iviewui.com/docs/guide/start

5、官網：https://weapp.iviewui.com/

MintUI

1、star 788

2、MinUI 是基于微信小程式自定義元件特性開發而成的一套簡潔、易用、高效的元件庫，适用場景廣，覆寫小程式原生架構，各種小程式元件主流架構等。

3、GitHub 位址：https://github.com/meili/min-cli

4、開發文檔：https://meili.github.io/min/docs/minui/index.html#README

LinUI

1、start 2.6k

2、Lin UI 是由林間有風團隊精心打造的一套微信小程式元件庫，元件豐富、設計優美，并且擁有完整的商業案例，是您開發微信小程式的不二選擇。

3、官方文檔：https://doc.mini.talelin.com/

4、Github ：https://github.com/TaleLin/lin-ui

5、Gitee ：https://gitee.com/talelin/lin-ui

6、林間有風團隊首頁：https://talelin.com/

TouchUI

1、star 743

2、Github：https://github.com/uileader/touchwx

WuxUI

1、Wux Weapp、start 4.6k

2、UI 樣式可配置，拓展靈活，輕松适應不同的設計風格、60+ 豐富的元件，能夠滿足移動端開發的基本需求

3、GitHub 位址：https://github.com/wux-weapp/wux-weapp

4、開發文檔：https://wux-weapp.github.io/wux-weapp-docs/#/introduce

TaroUI

1、star 3.5k

2、Taro 是由 京東·凹凸實驗室 傾力打造的多端開發解決方案。現如今市面上端的形态多種多樣，> > > Web、ReactNative、微信小程式等各種端大行其道，當業務要求同時在不同的端都要求有所表現> 的時候，針對不同的端去編寫多套代碼的成本顯然非常高，這時候隻編寫一套代碼就能夠适配到多> 端的能力就顯得極為需要。

3、使用 Taro，我們可以隻書寫一套代碼，再通過 Taro 的編譯工具，将源代碼分别編譯出可以在不> > 同端（微信小程式、H5、RN等）運作的代碼。

4、GitHub 位址：https://github.com/NervJS/taro-ui

5、開發文檔：https://taro-ui.aotu.io/#/docs/introduction