WeChat Mini Program Development Resources Summary
Category Programming Technology
Table of Contents
-Demo
Top
-WePY: Component-based Mini Program Development Framework
-WePY Development Resources Summary
Official Documentation
-Mini Program Development Tutorial
Tools
-Taro ★29.2k+ - A framework for developing Mini Programs using React, also supports generating multi-platform applications
-uni-app ★32.4k+ - A unified framework for developing Mini Programs, H5, and Apps using Vue syntax
-WePY ★20k+ - A framework supporting component-based Mini Program development
-mpvue ★19k+ - A Mini Program development framework based on Vue.js, supporting Vue.js syntax and build tools
-chameleon ★7k+ - A codebase running on multiple ends, what you see on one end is what you get on others
-kbone ★2.8k+ - Web and Mini Program isomorphic solution
-Remax ★2.4k+ - Build Mini Programs with true React
-wept ★2.3k - Real-time Mini Program runtime environment
-wechat_web_devtools ★2.3k+ - WeChat Developer Tools for Linux
-wafer ★2.1k - Quickly build elastic WeChat Mini Programs
-MPX ★2.1k+ - Enhanced Mini Program framework, deep performance optimization, supports cross-platform development, fully compatible with native Mini Program components
-Labrador ★1.7k - WeChat Mini Program component-based development framework supporting ES6/7
-licia ★1.7k - JS utility library supporting Mini Programs
-megalo ★1.6k - Mini Program development framework based on Vue
-CloudBase Framework ★1.1k - Tencent Cloud Development open-source one-click deployment tool, supports deploying Mini Programs and Cloud Development applications
-tina ★1k+ - Lightweight progressive WeChat Mini Program framework
-minapp ★800+ - TypeScript-based Mini Program development framework (compatible with native Mini Program code)
-Okam ★300+ - A progressive enhancement framework for developing Mini Programs using Vue-like methods, supporting generation of Mini Programs for mainstream platforms such as WeChat and Baidu
-xpmjs ★100+ - Cloud-enhanced SDK for WeChat Mini Programs
-WeApp-Workflow ★100+ - Gulp-based front-end development workflow for WeChat Mini Programs
-gulp-wxa-copy-npm - WeChat Mini Program gulp plugin, solving npm package management and babel-runtime
-weact - Develop Mini Programs quickly with JSX
-socket.io-mp-client - WeChat Mini Program socket.io client
-@wxa - AOP Mini Program development framework
-postcss-pxtorpx-pro - postcss px to rpx plugin
-px2rpx - Px to Rpx online tool
-wxml-parser - JavaScript WXML parser
-weappx - Data layer management framework based on redux
-weapp-start - Development scaffolding based on plugin mechanism, improving the development experience of native Mini Programs
-Egret Wing - IDE supporting real-time preview of WeChat Mini Programs
-wxapp-graphql - Mini Program GraphQL client
-gulp-wxapp-boilerplate - Gulp development scaffolding for Mini Programs and Mini Program Cloud, supporting cloud function mock
-wenaox - Mini Program data layer management, lightweight and high performance, supporting middleware
-authing-wxapp-sdk - Authentication for WeChat Mini Programs
-weapp-eslint-boilerplate - WeChat Mini Program Eslint universal template file, saving configuration time
-Anka - Progressive Mini Program development toolkit, providing common development libraries and components
-WeAppBunXin - Clone technique for WeChat Mini Program development, generating multiple Mini Programs from one codebase
-miniprogram-build - Mini Program command-line compilation tool (supports typescript, native npm, resource file compression...)
-wcc.js - Nodejs implementation of the wxml and wxs file compiler
-wcsc.js - Nodejs implementation of the wxss file compiler
-weapp-gulp - Gulp efficient build for WeChat Mini Programs, making development simpler
-cheers-mp - Almost zero-configuration WeChat native Mini Program scaffolding, vue-cli-like experience (ts, less, native npm, cloud OSS, CI automatic release of trial version)
-we-mobx - Using MobX in WeChat Mini Programs
-weconsole - A fully featured, customizable Mini Program development and debugging panel with a user interface and experience comparable to Chrome devtools
Plugins
-wxapp.vim - Vim plugin providing comprehensive support for WeChat Mini Program development
-weapp-snippet-for-sublime-text-2-3 - WeChat Mini Program snippets for Sublime Text 2 & 3 (discontinued)
- Matchmaker - IntelliJ IDEA plugin, method injection
wechatCode-complete - webstorm plugin (code hinting)
wxapp - sublime plugin
minapp - vscode plugin (supports native/mpvue/wepy frameworks)
vscode-live-sass-compiler - vscode plugin to automatically generate wxss files from .scss files
WePY Plugin For IntelliJ Platform - Makes PhpStorm/WebStorm fully support WePY development, including API (native/WePY) and component (official/custom) autocompletion/error checking/highlighting/without relying on Vue/...
wxml - vscode plugin for WeChat Mini Program formatting and highlighting components (highly customizable)
wux-weapp-snippets - Wux Weapp Snippets for VS Code.
wux-weapp-atom-snippets - Wux Weapp Snippets for Atom.
wux-weapp-sublime-snippets - Wux Weapp Snippets Plugin for Sublime Text 2/3.
Components
weui-wxss ★12.4K+ - A UI library consistent with WeChat's native visual experience
vant-weapp ★12.3k+ - A high-quality, easy-to-extend UI library for WeChat Mini Programs
wxParse ★7.2K+ - A custom component for rich text parsing in WeChat Mini Programs, supporting HTML and markdown
mp-html ★1.4K+ - A rich text component for Mini Programs, supporting rendering and editing HTML, available on WeChat, QQ, Baidu, Alipay, Toutiao, and uni-app platforms
iview-weapp ★5.5k+ - A high-quality UI component library for WeChat Mini Programs
wux-weapp ★4.2k+ - A set of componentized, reusable, and extensible UI components for WeChat Mini Programs
wx-charts ★4.1k+ - A charts component for WeChat Mini Programs
Lin UI ★2k+ - A well-designed UI component library based on native WeChat Mini Program syntax
wemark ★1.100+ - A Markdown rendering library for WeChat Mini Programs
wxapp-img-loader ★400+ - A preloading image component for WeChat Mini Programs
we-cropper ★400+ - A image cropping tool for WeChat Mini Programs
wxa-plugin-canvas ★300+ - A friend circle poster generation component for WeChat Mini Programs
WeZRender ★300+ - Canvas development for WeChat Mini Programs
wx_calendar ★300+ - A calendar component for Mini Programs
wxapp ★300+ - A component for WeChat Mini Programs
Wa-UI ★200+ - A UI library integrated for WeChat Mini Programs
wxSearch ★200+ - An elegant search box for WeChat Mini Programs
wx-scrollable-tab-view ★200+ - A scrollable tab-view for Mini Programs
wetoast ★100+ - An enhanced toast plugin for WeChat Mini Programs
wx-alphabetical-listview ★100+ - A listview with alphabet scrolling for WeChat Mini Programs
wx-drawer ★100+ - A side-slide menu mimicking QQ6.0 for Mini Programs
wxapp-charts ★100+ - A charts component for WeChat Mini Programs
chartjs-wechat-mini-app ★100+ - chartjs adaptation for WeChat Mini Programs
wx-promise-request ★100+ - A request queue management library for WeChat Mini Programs
we-swiper ★100+ - A touch content sliding solution for WeChat Mini Programs
wxDraw ★100+ - A 2D animation library for WeChat Mini Programs
citySelect ★100+ ★42 - A city selector for WeChat Mini Programs
weapp-cookie ★100+ - One line of code to enable cookie support for WeChat Mini Programs
WeiXinProject - Pull-to-refresh and load-more for WeChat Mini Program lists
wepy-com-charts - WeChat Mini Program wepy chart controls
wxapp-lock - A gesture unlock for WeChat Mini Programs
mini-gesture-lock - A gesture unlock for WeChat Mini Programs (no Android Canvas lag issues)
weapp.socket.io - A socket.io-style websocket library
weapp-polyfill - [w3c standard API polyfill
wx-promise-pro ★666+ - A Promise library for WeChat Mini Programs
wxMD5 - A MD5 library for WeChat Mini Programs
wxBase64 - A base64 library for WeChat Mini Programs
xing-weapp-component - Basic component extensions for WeChat Mini Programs
wx-statuslayout - A page status switching component for Mini Programs
minapp-api-promise - Promise-ify all WeChat Mini Program APIs
minapp-slider-left - A left-slide delete component for WeChat Mini Programs
mp_canvas_drawer - A canvas drawing helper, one JSON to create share images for Moments
xing-weapp-editor - A图文编辑组件 for Mini Programs
cue - A WX Component Tools
wuss-weapp - A high-quality, fully-featured, highly customizable WeChat Mini Program UI component library
miniprogram-datepicker - Mini Program Date Picker (Supports Lunar Calendar)
wx-api-promisify - Elegantly Promisify WeChat Mini Program API
anka-brush - A tool library created to simplify canvas drawing operations in Mini Programs
anka-tracker - Mini Program Tracking Library for User Behavior Data
mpvue-calendar - WeChat Mini Program/Browser Calendar Component mpvue-calendar; Based on mpvue platform, supports Lunar Calendar, weekly switching, customizable.
mp-swipe-card - Mini Program Card Swipe Component, similar to Tantan's effect, currently only supports left and right swiping
weapp.request - Network Request Component for WeChat Mini Program, an extension of wx.request, based on Promise API, with cache control.
miniprogram-network - Redefine the Network API of MiniProgram (Mini Program Network Request Library)
we-validator - Simple and flexible form validation plugin, supports Mini Programs, browsers, and Nodejs.
wx-pulltorefresh-view - Simple and flexible pull-to-refresh component for WeChat Mini Program
sol-weapp ★300+ - WeChat Mini Program Marketing Components: Red Packet Rain, Roulette, etc.
weapp-input-frame - WeChat Mini Program Verification Code Input Component
we-debug - A flexible and extensible WeChat Mini Program debugging tool
weapp-qrcode - QR Code Generation Tool for WeChat Mini Program
wx-updata - Official WeChat Mini Program setData alternative, only modifies the parts of data you want to change
three-platformize - A project to platformize THREE, already adapted for WeChat, Taobao, and Toutiao Mini Programs
Demo
Directly Runnable
RebeccaHanjw/weapp-wechat-zhihu ★800+ - Zhihu Clone
imageslr/weapp-library ★500+ - Online Book Borrowing Platform (30+ pages/components/Mock Server/Cloud Development)
imageslr/taro-library ★150+ - Taro + Redux + Local Mock Server Mini Program Example Project
deepkolos/three-platformize-demo-wechat - WeChat Mini Program THREE with 16 loader test demos
deepkolos/wxmp-tensorflow - Solution to run the latest TensorFlowJS under WeChat Mini Program
Data Interface Issues
EastWorld/wechat-app-mall ★3000+ - WeChat Mini Program Mall
tumobi/nideshop-mini-program ★2000+ - Open Source WeChat Mini Program Mall based on Node.js + MySQL
huangjianke/Gitter ★700+ - Gitter for GitHub - Possibly the most aesthetically pleasing GitHub Mini Program client
lypeer/wechat-weapp-gank ★600+) - Gank Client
wangmingjob/weapp-weipiao ★300+ - Weipiao
charleyw/wechat-weapp-redux ★300+ - Redux Binding Library
jectychen/wechat-v2ex ★300+) - V2EX
18380435477/WeApp ★300+ - WeChat Clone
zce/weapp-boilerplate ★300+ - WeChat Mini Program Rapid Development Skeleton
bayetech/wechat_mall_applet ★300+ - E-commerce Platform
lanshan-studio/wecqupt ★300+ - We CQUPT
myronliu347/wechat-app-zhihudaily ★200+ - Zhihu Daily
harveyqing/BearDiary ★200+ - Bear's Diary
leancloud/leantodo-weapp ★200+ - Todo list integrated with LeanCloud
SuperKieran/weapp-artand ★200+ - Artand
dongweiming/weapp-zhihulive ★200+ - Zhihu Live
eyasliu/wechat-app-music ★200+ - Music Player
ahonn/weapp-one ★200+ - ONE Clone
giscafer/wechat-weapp-mapdemo ★200+ - Map Navigation, Marker Annotation (No longer maintained)
yaoshanliang/weapp-ssha ★200+ - Corporate Promotion Mini Program
hilongjw/weapp-gold ★100+ - Juejin Homepage Information Stream
zce/weapp-douban ★100+ - Douban Movies
hingsir/weapp-douban-film ★100+ - Douban Movies
kunkun12/weapp - Mini Program hello world尝鲜
natee/wxapp-2048 ★100+ - 2048 Game
SeptemberMaples/wechat-weapp-demo ★100+ - Shopping Cart
hijiangtao/weapp-newsapp - Popular Articles Information Stream from Official Accounts
charleyw/wechat-weapp-redux-todos ★100+ - Todo list integrated with Redux
kraaas/timer ★100+ - Pomodoro Timer -ericzyh/wechat-chat ★100+ - Chatroom
-BelinChung/wxapp-hiapp ★100+ - HiApp
-hardog/wechat-app-flexlayout ★100+ - flexlayout
-dunizb/wxapp-sCalc ★100+ - Simple Calculator
-litt1e-p/weapp-girls ★100+ - Douban Beauties/Girls' Photos
-liumulin614/BeautifulGirl - Beauties and Models
-romoo/weapp-demo-breadtrip ★100+ - Bread Trip
-zhuweiyou/fetop100 ★100+ - Frontend TOP100
-vace/wechatapp-news-reader ★100+ - News Reader
-yaoshanliang/weapp-jump ★100+ - Jump
-yaoshanliang/weapp-monument-valley ★100+ - Monument Valley
-YYJeffrey/july_client ★100+ - July (A social mini-program with features like content publishing, dynamic sharing, likes, comments, and interactive chat)
-Symous/WechatApp-BaisiSister - BaisiSister
-githinkcn/Giteer - Giteer For Gitee, based on Taro + Taro UI + Dva
-DengKe1994/weapp-calculator - IOS Calculator
-monkindey/wx-github - GitHub Resume
-fluency03/weapp-500px - 500px Photography Community
-weapp-film - Taopiaopiao
-xujinyang/CoderCalendar-WeApp - Coder's Almanac
-zhengxiaowai/weapp-github - GitHub
-Seahub/PigRaising - PigRaising
-brucevanfdm/WeChatMeiZhi - Girls' Photos
-zhijieeeeee/wechat-app-joke - Moments of Joy
-uniquexiaobai/wechat-app-githubfeed - GitHubFeed
-zce/weapp-todos - TODOS Task List
-bruintong/wechat-webapp-douban-movie - Douban Movie
-bruintong/wechat-webapp-douban-location - Douban City Events
-arkilis/weapp-jandan - Jian Dan
-bodekjan/wechat-weather - WeChat Weather
-jasscia/ChristmasHat - I Want a Christmas Hat
-nanwangjkl/sliding_puzzle - Sliding Puzzle
-kaiwu/weui-scalajs - Developed with Scala.js
-tinajs/tina-hackernews - Hacker News Highlights
-mohuishou/scuplus-wechat - We Sichuan University
-hankzhuo/wx-v2ex - v2ex
-Hongye567/weapp-mark - Mark Movie List Mini Program
-w1109790800/We-Todo - Todo-List Based on LeanCloud
-jae-jae/weapp-github-trending - Today's GitHub Trending
-steedos/mini-vip - Steedos Microsite, Micro Mall
-alex1504/wx-guita_tab - Pocket Guitar
-lonnng/etym - Mango Etymology Assistant
-wuhou123/wxxcx - Wuhou's Cat, Built with wepy, Integrates Multiple Query Tools (Courier, Weather, Accounting, Funny Videos, etc.)
-upupming/HITMers - Museum Assistant (Statistics of Duty Roster, Check-in, Duty Calendar and Memo, Internationalization, Streamable.com Video Upload, etc.)
-LDouble/WeOUC - WeOUC (Educational Mini-Program)
-Airmole/ShellBox - ShellBox (Campus Educational Information Query Tool, Won the Second Prize in the North China Region of the 2019 University Mini-Program Development Competition)
-aquanlerou/WeHalo ★200+ - The Cat Who Codes (WeHalo, a Minimalist Blog Mini-Program)
-WarpPrism/SubwayRoutineMP - Tokyo, Seoul, Bangkok, Singapore, Paris Subway Map
-GoKu-gaga/today - Pocket Tools (A Collection of Small Tools)
-cy920820/weapp-motor-movies - Motor Movie Assistant (A Cinema Movie Mini-Assistant)
-Gwokhov/chronus - Chronus Goal Diary (A Cloud Development WeChat Mini-Program to Help Manage Life Goals)
-imliubo/Wechat_MQTT_ESP8266_BaiduIoT - WeChat Smart管家 (Control Your Hardware Devices with WeChat Mini-Program)
-yuzexia/iw3cplus - Front-end Community www.w3cplus.com WeChat Mini-Program
-RAOE/show-videos - Show Videos (WeChat Mini-Program Short Video Social Software, Video Upload, Audio-Video Synthesis, Comments, Likes, Forwards, Shares, etc.)
-NewFuture/miniprogram-template - Native API Pure TypeScript Development for Mini-Programs (VSCode as IDE) and Complete Development Workflow
-ZhuPeng/mp-githubtrending - Tool to View GitHub Trending Repositories in Feed Stream
-yociduo/scrum-planning-poker - Scrum Agile Estimation, Built with wepy
-kilakila-heart/fuliba-front - Information Flow Fuliba Mini-Program
Notobey/Himalayan-lite - A WeChat Mini Program mimicking Himalayan Lite, developed natively (highly suitable for beginners)
BranLiang/game-stop-app - PSN Price Drops (a tool to subscribe to PS4 game prices)
wk989898/wxchat-mail - A WeChat Mini Program mimicking Gmail
>
Content sourced from: https://github.com/justjavac/awesome-wechat-weapp
** Click to Share Notes
-
-
-