Summary of WeChat Mini Program Development Resources
This article collects information, issues and third-party component libraries that will be used during the development of WeChat mini-programs. This article is not a beginner guide on how to learn WeChat applets, nor is it a reference manual, it is just a sorting of some information.
The information in this warehouse is compiled from the Internet, and some recommendations from netizens are also recommended. Here you can see the full list of project contributors.
If this repository is helpful to you, welcome to star. If this warehouse helps you improve your skills and find a job, you can invite me to have a cup of coffee:
QQ Communication Group
- WeChat Mini Program Group 1: 593495800 (full)
- WeChat Mini Program Group No. 2: 578063690
- WeChat Mini Program Group No. 3: 682463867
Table of contents
- Official Documentation
- tool
- Plugin
- Component
- Demo
Put on the top
- WePY: A componentized mini program development framework?
- WePY development resources summary?
Official Documentation
- Mini Program Design Guide
- Mini Program Development Tutorial
- Mini Program Framework
- Mini Program Components
- Mini Program API
- Mini Program Developer Tools
↑ Return to directory ↑
tool
- uni-app ★36.1k+ - A unified framework for developing mini programs, H5 and Apps using Vue syntax
- Taro ★30.6k+ - A framework for developing applets using React, and supports the generation of multi-terminal applications.
- WePY ★21.7k+ - A small program development framework that supports componentization
- mpvue ★20.4k+ - A mini program development framework based on Vue.js, supporting Vue.js syntax and construction tool system from the bottom layer
- chameleon ★8.6k+ - A set of code runs multiple ends, and what you see at one end is what you see
- kbone ★4.2k+ - Web and applet isomorphic solution
- Remax ★4.2k+ - Build applets with real React
- wept ★2.3k - real-time running environment of WeChat applet
- wechat_web_devtools ★2.3k+ - WeChat developer tools under Linux
- wafer ★2.1k - Quickly build a flexible WeChat applet
- MPX ★2.1k+ - Enhanced applet framework, in-depth performance optimization, supports cross-small program platform development, and is fully compatible with native applet components
- Labrador ★1.7k - Component development framework for WeChat applets that support ES6/7
- licia ★1.7k - JS tool library that supports applets
- megalo ★1.6k - Mini program development framework based on Vue
- CloudBase Framework ★1.1k - Tencent Cloud Development Open Source One-click Deployment Tool, Supports the Deployment of Mini Programs and Cloud Development Applications
- tina ★1k+ - Lightweight progressive WeChat applet framework
- minapp ★800+ - TypeScript version of applet development framework (compatible with native applet code)
- Okam ★300+ - A gradual enhancement framework for developing mini programs using Vue-like methods, supporting the generation of mini programs on mainstream platforms such as WeChat/Baidu
- xpmjs ★100+ - WeChat Mini Program Cloud Enhanced SDK
- WeApp-Workflow ★100+ - Gulp-based WeChat mini program front-end development workflow
- weapp-tailwindcss-webpack-plugin ★100+ - Use TailwindCSS in the applet
- gulp-wxa-copy-npm - WeChat applet gulp plug-in to solve npm package management and babel-runtime
- Weact - Quickly develop applets with JSX
- socket.io-mp-client - WeChat applet socket.io client
- @wxa - AOP applet development framework
- postcss-pxtorpx-pro - postcss px to rpx plugin
- px2rpx - Px to Rpx online tool
- wxml-parser - JavaScript WXML parser
- @wxml/parser, @wxml/traverse, @wxml/generator - WXML babel like AST interpreter
- weappx - Redux-based data layer management framework
- weapp-start - Development scaffolding based on plug-in mechanism to improve the development experience of native mini-programs
- Egret Wing - IDE that supports real-time preview of WeChat applets
- wxapp-graphql - Mini Program GraphQL Client
- gulp-wxapp-boilerplate - Mini Program + Mini Program Cloud Gulp Development Scaffolding, Support Cloud Function Mock
- wenaox - Mini program data layer management, lightweight and good performance, support middleware
- authing-wxapp-sdk - Identity Authentication for WeChat applet
- weapp-eslint-boilerplate - WeChat applet Eslint universal template file, saving time for your own configuration
- Anka - Progressive applet development toolset, providing common development function libraries and components
- WeAppBunXin - WeChat mini program development Shadow clone technique, a set of code generates multiple mini programs
- miniprogram-build - miniprogram command line compilation tool (supports typescript, native npm, resource file compression...)
- wcc.js - wcc.js is the nodejs implementation of wxml file and wxs file compiler
- wcsc.js - wcsc.js is the nodejs implementation of wxss file compiler
- weapp-gulp - Gulp efficiently builds WeChat applets to make development easier
- Cheers-mp - Almost zero configuration WeChat native mini program scaffolding, vue-cli-like experience ~ (ts, less, native npm, cloud OSS, CI automatic release experience version)
- we-mobx - Use MobX in WeChat applet
- weconsole - Customizable applet development debugging panel with comprehensive functions, interface and experience, benchmarking Chrome devtools
- wechat-web-devtools-linux - WeChat developer tools under Linux
- rubic - Vue3-based applet development framework, using Composition API in applets
↑ Return to directory ↑
Plugin
- wxapp.vim - provides vim plug-in with full support for WeChat applet development
- weapp-snippet-for-sublime-text-2-3 - WeChat mini program snippet prepared for sublime text 2&3 (stop update)
- Matchmaker - IntelliJ IDEA plugin, injection method
- wechatCode-complete - webstorm plugin (code prompt)
- wxapp - sublime plugin
- minapp - vscode plugin (supports native /mpvue/wepy framework)
- vscode plugin (code prompt)
- vscode-live-sass-compiler - vscode plugin automatically generates wxss file based on .scss file
- WePY Plugin For IntelliJ Platform - Let PhpStorm/WebStorm fully support WePY development, including automatic completion/Error checking/highlighting/not relying on Vue/...
- wxml - vscode plugin - WeChat applet formatting and highlighted components (highly customized)
- 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.
↑ Return to directory ↑
Component
- weui-wxss ★12.4K+ - Basic style library consistent with WeChat native visual experience
- vant-weapp ★12.3k+ - High-value, easy-to-use, and easy-to-extend WeChat mini-program UI library
- wxParse ★7.2K+ - WeChat applet rich text parsing custom component, supports HTML and markdown parsing
- mp-html ★1.4K+ - A mini program rich text component, supports rendering and editing of html, and supports use on WeChat, QQ, Baidu, Alipay, Toutiao and uni-app platforms
- iview-weapp ★5.5k+ - A set of high-quality WeChat applet UI component library
- wux-weapp ★4.2k+ - A set of component-based, reusable, and easy-to-extend WeChat applet UI component library
- wx-charts ★4.1k+ - WeChat applet chart charts component
- Lin UI ★2k+ - A set of UI component library with excellent design and based on native WeChat applet syntax
- wemark ★1.100+ - WeChat applet Markdown rendering library
- image-cropper ★900+ - ?WeChat Mini Program Image Cropping Component
- wxapp-img-loader ★400+ - WeChat applet picture preload component
- we-cropper ★400+ - WeChat applet picture cropping tool
- wxa-plugin-canvas ★300+ - WeChat applet Moments poster generation component
- WeZRender ★300+ - WeChat applet Canvas development
- wx_calendar ★300+ - Mini Program Calendar
- wxapp ★300+ - WeChat applet component
- Wa-UI ★200+ - A set of UI libraries integrated for WeChat mini-programs
- wxSearch ★200+ - Elegant search box for WeChat applets
- wx-scrollable-tab-view ★200+ - Mini program can slide to tab-view
- wetoast ★100+ - WeChat mini program toast enhancement plugin
- wx-alphabetical-listview ★100+ - WeChat applet listview with letters sliding
- wx-drawer ★100+ - Mini program imitates QQ6.0 side slide menu
- wxapp-charts ★100+ - WeChat applet chart charts component
- chartjs-wechat-mini-app ★100+ - chartjs WeChat applet adaptation
- wx-promise-request ★100+ - WeChat applet request queue management library
- we-swiper ★100+ - WeChat applet touch content sliding solution
- wxDraw ★100+ - WeChat Mini Program 2D Animation Library
- citySelect ★100+ ★42 - WeChat Mini Program City Selector
- weapp-cookie ★100+ - One line of code makes WeChat applets support cookies?
- WeiXinProject - WeChat applet list pull-up refresh and pull-up load
- wepy-com-charts - WeChat applet wepy chart control
- wxapp-lock - WeChat applet gesture unlock
- mini-gesture-lock - WeChat mini program gesture unlock (no Android Canvas lag problem)
- weapp.socket.io ★500+ - socket.io style websocket class library
- weapp-polyfill - [w3c standard API polyfill
- wx-promise-pro ★666+ - WeChat Mini Program Promise Library
- wxMD5 - WeChat applet MD5 library
- wxBase64 - WeChat applet base64 library
- xing-weapp-component - WeChat applet basic component extension
- wx-statuslayout - Mini Program Page Status Switching Component
- minapp-api-promise - All API promises for WeChat applets
- minapp-slider-left - WeChat applet left to delete components
- mp_canvas_drawer - canvas picture drawing assistant, create and share pictures in a circle of friends with a json
- xing-weapp-editor - Mini Program Graphic and Text Editing Component
- cue - A WX Component Tools
- wuss-weapp - a high-quality, complete and highly customized WeChat applet UI component library
- miniprogram-datepicker - miniprogram date selector (supports lunar calendar)
- wx-api-promisify - Elegantly Promise WeChat applet API
- anka-brush - a tool library created to simplify the canvas drawing operation in mini programs
- anka-tracker - Mini program management library, used to count user behavior data
- mpvue-calendar - The calendar component mpvue-calendar of WeChat applet/browser side; it supports lunar calendar, weekly switching, and customizable based on the mpvue platform.
- mp-swipe-card - Mini program card sliding component, similar to Tantan's effect, it seems that it only supports left and right sliding now
- weapp.request - The network request component provided for WeChat applets is an extension of wx.request, based on the Promise API, adding cache control.
- miniprogram-network - Redefine the Network API of MiniProgram (MiniProgram Network Request Library)
- we-validator - Simple and flexible form verification plug-in, supporting mini-programs, browsers and Nodejs side use.
- wx-pulltorefresh-view - Simple and flexible pull-down and pull-up refresh component, supporting WeChat applets
- sol-weapp ★300+ -WeChat mini-program marketing components: red envelope rain, big turntable and other marketing components
- weapp-input-frame - WeChat applet verification code input box component
- we-debug - A flexible and easy-to-expand WeChat applet debugging tool
- weapp-qrcode - WeChat applet to generate QR code
- Cheers-mp-router - ?Intact and powerful native routing of applets
- wx-updata - Official setData replacement for WeChat mini program, only modify the part you want to modify in data ✈️
- three-platformize - A project that makes THREE platform-based, already adapted to WeChat, Taobao, and Toutiao mini programs
↑ Return to directory ↑
Demo
Can be run successfully directly
- RebeccaHanjw/weapp-wechat-zhihu ★800+ - imitation Zhihu
- imageslr/weapp-library ★500+ - Online book lending platform (30+ pages/componentization/Mock Server/cloud development)
- imageslr/taro-library ★150+ - Taro + Redux + Local Mock Server applet sample project
- wyq2214368/remove-water-mark-mp - Short video watermark mini program (including server)
- deepkolos/three-platformize-demo-wechat - WeChat applet THREE contains 16 loader test demos
- deepkolos/wxmp-tensorflow - Solution to run the latest TensorFlowJS under WeChat applet
- xtanyu/parsing-mini - Short video watermark mini program (including Java version server)
- realyao/Focus-clock ★100+ - ✅Time Management Mini Program: Focus on clocks (integrated time management, goal planning, Todo to-do, white noise. Easy to deploy is suitable for beginners to learn)
- mark420524/photo - ID photo applet
- xtanyu/bookkeeping - Play cards and bookkeeping
- jinganix/guess - Guess who I am, including front and backend code
There is a problem with the data interface
- EastWorld/wechat-app-mall ★3000+ - WeChat Mini Program Mall
- tumobi/nideshop-mini-program ★2000+ - Open source WeChat mini program mall developed based on Node.js + MySQL
- huangjianke/Gitter ★700+ - Gitter for GitHub - Probably the most beautiful GitHub mini program client
- lypeer/wechat-weapp-gank ★600+) - Gank Client
- wangmingjob/weapp-weipiao ★300+ - Micro tickets
- charleyw/wechat-weapp-redux ★300+ - Redux binding library
- jectychen/wechat-v2ex ★300+) - V2EX
- 18380435477/WeApp ★300+ - Imitation WeChat
- zce/weapp-boilerplate ★300+ - WeChat applet rapid development skeleton
- bayetech/wechat_mall_applet ★300+ - E-commerce platform
- lanshan-studio/wecqupt ★300+ - We Dual Postage
- myronliu347/wechat-app-zhihudaily ★200+ - Zhihu Daily
- harveyqing/BearDiany ★200+ - Little Bear's Diary
- leancloud/leantodo-weapp ★200+ - Todo list integrated LeanCloud implementation
- SuperKieran/weapp-artand ★200+ - Artand
- dongweiming/weapp-zhihulive ★200+ - Zhihu Live
- eyeasliu/wechat-app-music ★200+ - Music player
- ahonn/weapp-one ★200+ - imitation ONE
- giscafer/wechat-weapp-mapdemo ★200+ - Map navigation, marker annotation (no longer maintained)
- yaoshanliang/weapp-ssha ★200+ - Corporate Promotional Mini Program
- hilongjw/weapp-gold ★100+ - Nuggets Home Page Information Flow
- zce/weapp-douban ★100+ - Douban Movies
- hingsir/weapp-douban-film ★100+ - Douban Movie
- kunkun12/weapp - mini program hello world try it
- natee/wxapp-2048 ★100+ - 2048 Mini Games
- SeptemberMaples/wechat-weapp-demo ★100+ - Shopping cart
- hijiangtao/weapp-newsapp - Official account popular article information flow
- charleyw/wechat-weapp-redux-todos ★100+ - Todo list integrated with Redux implementation
- kraaas/timer ★100+ - Tomato clock
- ericzyh/wechat-chat ★100+ - Chat Room
- BelinChung/wxapp-hiapp ★100+ - HiApp
- hardog/wechat-app-flexlayout ★100+ - flexlayout
- dunizb/wxapp-sCalc ★100+ - Simple Calculator
- litt1e-p/weapp-girls ★100+ - Douban beauty/girls pictures
- liumulin614/BeautifulGirl - Beautiful Model
- romoo/weapp-demo-breadtrip ★100+ - Bread Travel
- zhuweiyou/fetop100 ★100+ - Front-end 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 that integrates content release, dynamic sharing, likes and comments, interactive chat and other functions)
- Symous/WechatApp-BaisiSister - Sister Baisibude
- githinkcn/Giteer - Giteer For code cloud, a mini program based on Taro + Taro UI + Dva.
- DengKe1994/weapp-calculator - IOS Calculator
- monkkindey/wx-github - GitHub Resume
- fluency03/weapp-500px - Foreign photography community 500px
- weapp-film - Taopiaopiao
- xujinyang/CoderCalendar-WeApp - Programmer's Old Huang Li
- zhengxiaowai/weapp-github - github
- Seahub/PigRaising - PigRaising
- brucevanfdm/WeChatMeiZhi - Girls' Pictures
- 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
- arkilis/weapp-jandan - fried eggs
- bodekjan/wechat-weather - Weather
- jasscia/ChristmasHat - I want a Christmas hat
- nanwangjkl/sliding_puzzle - Sliding puzzle
- kaiwu/weui-scalajs - Developed using Scala.js
- tinajs/tina-hackernews - Hacker News Hotspots
- mohuishou/scuplus-wechat - We Sichuan University
- hankzhuo/wx-v2ex - v2ex
- Hongye567/weapp-mark - WeChat applet that imitates Mark movie list
- w1109790800/We-Todo - Todo-List based on LeanCloud
- jae-jae/weapp-github-trending - Github today's list
- Steedos/mini-vip - Huayan Micro Station, Micro Mall
- alex1504/wx-guita_tab - Pocket Guitar
- lonnng/etym - Mango Etymology Assistant
- wuhou123/wxxcx - Wuhou's Cat, built based on wepy, integrates n multiple query tools (express, weather, accounting, funny videos, etc.)
- upupming/HITMers - Museum assistant (statistics duty table, check-in, duty calendar and memo, internationalization, Streamable.com video upload, etc.)
- LDouble/WeOUC - WeOUC (Academic Affairs Mini Program)
- Airmole/ShellBox - ShellBox (campus academic affairs information query tool, won the second prize in North China District of the 2019 College Mini Program Development Competition)
- aquanlerou/WeHalo ★200+ - Cat who loves to type code (WeHalo's simple WeChat mini-program blog)
- WarpPrism/SubwayRoutineMP - [Tokyo Seoul Bangkok Singapore Paris Metro Line Map?]
- GoKu-gaga/today - Pocket Tools (a collection of gadgets)
- cy920820/weapp-motor-movies - Motor Movies Assistant (a theater movie assistant)
- Gwokhov/chronus - Chronus Target Diary (a cloud development WeChat mini program that can help you manage your life goals)
- imliubo/Wechat_MQTT_ESP8266_BaiduIoT - WeChat Intelligent Little Butler (using WeChat Mini Program to control your hardware device)
- yuzexia/iw3cplus - WeChat applet for front-end community www.w3cplus.com
- RAOE/show-videos - Show Video (WeChat mini program short video social software, video upload, audio and video synthesis, comments, likes, forwards, sharing, etc.)
- NewFuture/miniprogram-template - Native API pure TypeScript development applet (VSCode as IDE) and complete development process
- ZhuPeng/mp-githubtrending - Tool to view GitHub Trending repository collections in feed streams
- yociduo/scrum-planning-poker - Scrum agile estimation, built based on wepy
- kilakila-heart/fuliba-front - Information flow welfare bar applet
- lsqy/taro-music - ?NetEase Cloud Music applet developed based on taro + taro-ui + redux + typescript
- Imitation Himalaya lite - Imitation Himalaya mini program developed natively by WeChat mini program (extremely suitable for beginners)
- branchliang/game-stop-app - PSN has reduced its price (a tool that can subscribe to the price of PS4 games)
- wk989898/wxchat-mail - WeChat applet that imitates Gmail mailbox
- AnsonZnl/bookshelf - ?A bookshelves applet based on cloud development (with tutorials)?
- arleyGuoLei/wx-words-pk ★100+ - 2020 Cloud development to realize word battle applet (random matching, human-computer battle, friend battle), professional UI
- arleyGuoLei/wechat-1password - ?? With this password, an AES encrypted password book implemented by cloud development, supports fingerprints and faces, and the UI is simple and elegant
- wilhantian/periodic-table - ?Exquisite periodic table applet
- terryso/super9 - Douyin one-click watermark mini program: Taro + WeChat cloud development
- redhat123456/upPhysicalExercise - up physical training mini program (a comprehensive mini program that combines fitness training, watching videos, and making plans)
- redhat123456/Tanger_query - ?Query applet (little program that querys various information)
- mark420524/question - Learning and answering small program, poetry and songs widget-morning and evening answering small program
- Chadwuo/li-ji-weapp - Record and manage personal relationships, giving you a convenient and fast experience in personal accountkeeping! Professional and understand your personal account software, sharing accounting, and sharing account books for the whole family
- mark420524/guess - Idioms WeChat applet
↑ Return to directory ↑