Table of Contents
Pinned
Official Documentation
- Mini Program Design Guidelines
- Mini Program Development Tutorial
- Mini Program Framework
- Mini Program Components
- Mini Program API
- Mini Program Developer Tools
Tools
- Taro ★29.2k+- A framework for developing mini programs in the React way, 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 mini program development framework that supports componentization
- mpvue ★19k+- A mini program development framework based on Vue.js, supporting Vue.js syntax and build toolchain at the underlying level
- chameleon ★7k+- One codebase runs on multiple platforms; what you see on one end is what you see on all ends
- kbone ★2.8k+- Isomorphic solution for Web and Mini Programs
- Remax ★2.4k+- Build mini programs with real React
- wept ★2.3k- Real-time runtime environment for WeChat Mini Programs
- wechat_web_devtools ★2.3k+- WeChat Developer Tools on Linux
- wafer ★2.1k- Quickly build elastic WeChat Mini Programs
- MPX ★2.1k+- Enhanced mini program framework with deep performance optimization, supports cross-platform mini program development, fully compatible with native mini program components
- Labrador ★1.7k- A componentized development framework for WeChat Mini Programs supporting ES6/7
- licia ★1.7k- JS utility library supporting mini programs
- megalo ★1.6k- A Vue-based mini program development framework
- 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 version of a mini program development framework (compatible with native mini program code)
- Okam ★300+- A progressive enhancement framework for developing mini programs in a Vue-like way, supports generating mini programs for mainstream platforms such as WeChat/Baidu
- xpmjs ★100+- Cloud enhancement 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, solves npm package management and babel-runtime
- weact- Quickly develop mini programs with JSX
- socket.io-mp-client- socket.io client for WeChat Mini Programs
- @wxa- AOP mini program development framework
- postcss-pxtorpx-pro- postcss plugin to convert px to rpx
- px2rpx- Online tool for converting Px to Rpx
- wxml-parser - JavaScript WXML parser
- weappx- Data layer management framework based on redux
- weapp-start- Development scaffold based on plugin mechanism, improving native mini program development experience
- Egret Wing- IDE supporting real-time preview of WeChat Mini Programs
- wxapp-graphql- GraphQL client for mini programs
- gulp-wxapp-boilerplate- Mini Program + Mini Program Cloud Gulp development scaffold, supports cloud function mock
- wenaox- Mini program data layer management, lightweight and performant, supports middleware
- authing-wxapp-sdk- Identity authentication for WeChat Mini Programs
- weapp-eslint-boilerplate- WeChat Mini Program Eslint common template files, saving your configuration time
- Anka- Progressive mini program development toolkit, providing common development function libraries and components
- WeAppBunXin- Shadow clone technique for WeChat Mini Program development: one codebase generates multiple mini programs
- miniprogram-build- Mini program command-line compilation tool (supports TypeScript, native npm, resource file compression...)
- wcc.js- wcc.js is a Node.js implementation of the compiler for wxml and wxs files
- wcsc.js- wcsc.js is a Node.js implementation of the compiler for wxss files
- weapp-gulp- Gulp efficiently builds WeChat Mini Programs, making development simpler
- cheers-mp- Almost zero-configuration native WeChat Mini Program scaffold, vue-cli-like experience ~ (ts, less, native npm, cloud OSS, CI auto-publish trial version)
- we-mobx- Using MobX in WeChat Mini Programs
- weconsole- A feature-rich, customizable mini program development debugging panel with interface and experience comparable to Chrome devtools
Plugins
- wxapp.vim- A 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 hints)
- wxapp - sublime plugin
- minapp- VSCode plugin (supports native/mpvue/wepy frameworks)
- - VSCode plugin (code hints)\
- vscode-live-sass-compiler- VSCode plugin that automatically generates wxss files from .scss files
- WePY Plugin For IntelliJ Platform- Make PhpStorm/WebStorm fully support WePY development, including API (native/WePY) and component (official/custom) autocomplete/error checking/highlighting, no dependency on Vue/...
- wxml- VSCode plugin -- WeChat Mini Program formatting and component highlighting (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 base style library consistent with WeChat native visual experience
- vant-weapp ★12.3k+- A good-looking, easy-to-use, extensible WeChat Mini Program UI library
- wxParse ★7.2K+- WeChat Mini Program rich text parsing custom component, supports HTML and markdown parsing
- mp-html ★1.4K+- Mini program rich text component, supports rendering and editing HTML, works on WeChat, QQ, Baidu, Alipay, Toutiao, and uni-app platforms
- iview-weapp ★5.5k+- A high-quality WeChat Mini Program UI component library
- wux-weapp ★4.2k+- A componentized, reusable, easily extensible WeChat Mini Program UI component library
- wx-charts ★4.1k+- 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+- Markdown rendering library for WeChat Mini Programs
- image-cropper ★900+ -
💯 - WeChat Mini Program image cropping component - wxapp-img-loader ★400+- WeChat Mini Program image preloading component
- we-cropper ★400+- WeChat Mini Program image cropping tool
- wxa-plugin-canvas ★300+- WeChat Mini Program Moments poster generation component
- WeZRender ★300+- WeChat Mini Program Canvas development
- wx_calendar ★300+- Mini program calendar
- wxapp ★300+- WeChat Mini Program components
- Wa-UI ★200+- A UI library integrated for WeChat Mini Programs
- wxSearch ★200+- Elegant search box for WeChat Mini Programs
- wx-scrollable-tab-view ★200+- Swipeable tab-view for mini programs
- wetoast ★100+- Enhanced toast plugin for WeChat Mini Programs
- wx-alphabetical-listview ★100+- WeChat Mini Program listview with alphabet slider
- wx-drawer ★100+- Mini program imitating QQ 6.0 side-slide menu
- wxapp-charts ★100+- Charts component for WeChat Mini Programs
- chartjs-wechat-mini-app ★100+- chartjs adaptation for WeChat Mini Programs
- wx-promise-request ★100+- WeChat Mini Program request queue management library
- we-swiper ★100+- Touch content sliding solution for WeChat Mini Programs
- wxDraw ★100+- 2D animation library for WeChat Mini Programs
- citySelect ★100+★42 - WeChat Mini Program city picker
- weapp-cookie ★100+- One line of code to enable cookie support in WeChat Mini Programs
🍪 🚀 - WeiXinProject- WeChat Mini Program list pull-up refresh and pull-up loading
- wepy-com-charts- WePy chart control for WeChat Mini Programs
- wxapp-lock- WeChat Mini Program gesture unlock
- mini-gesture-lock- WeChat Mini Program gesture unlock (without Android Canvas lag issue)
- weapp.socket.io- socket.io-style websocket library
- weapp-polyfill- [w3c standard API polyfill
- wx-promise-pro ★666+- Promise library for WeChat Mini Programs
- wxMD5- MD5 library for WeChat Mini Programs
- wxBase64- Base64 library for WeChat Mini Programs
- xing-weapp-component- WeChat Mini Program base component extensions
- wx-statuslayout- Mini program page state switching component
- minapp-api-promise- Promise-ify all WeChat Mini Program APIs
- minapp-slider-left- WeChat Mini Program swipe-left-to-delete component
- mp_canvas_drawer- Canvas image drawing helper, create Moments sharing images with one JSON
- xing-weapp-editor- Mini program image-text editor component
- cue - A WX Compontent 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 promise-ify WeChat Mini Program APIs
- anka-brushA utility library created to simplify canvas drawing operations in Mini Programs.
- anka-trackerA tracking library for Mini Programs, used to collect user behavior data.
- mpvue-calendarA calendar component mpvue-calendar for WeChat Mini Programs/browsers; based on the mpvue platform, supports lunar calendar, week switching, and customization.
- mp-swipe-cardA card swiper component for Mini Programs, similar to Tantan's effect; it seems currently only supports left/right swiping.
- weapp.requestA network request component for WeChat Mini Programs, an extension of wx.request, based on Promise API, with cache control added.
- miniprogram-networkRedefine the Network API of MiniProgram (Mini Program network request library)
- we-validatorA simple and flexible form validation plugin, supporting Mini Programs, browsers, and Node.js.
- wx-pulltorefresh-viewA simple and flexible pull-down and pull-up refresh component, supporting WeChat Mini Programs.
- sol-weapp ★300+WeChat Mini Program marketing components: red envelope rain, lucky wheel, and other marketing components.
- weapp-input-frameWeChat Mini Program verification code input box component.
- we-debugA flexible and easily extensible debugging tool for WeChat Mini Programs.
- weapp-qrcodeA QR code generation tool for WeChat Mini Programs.
- cheers-mp-router -
🚦 An exquisite and powerful native router for Mini Programs. - wx-updataAn official setData alternative for WeChat Mini Programs, only modifying the parts of data you want to change.
✈️ - three-platformizeA project that makes THREE cross-platform, already adapted to WeChat, Taobao, and Toutiao Mini Programs.
Demo
Can run successfully directly
- RebeccaHanjw/weapp-wechat-zhihu ★800+Zhihu clone.
- imageslr/weapp-library ★500+Online book borrowing platform (30+ pages/component-based/Mock Server/cloud development).
- imageslr/taro-library ★150+Taro + Redux + local Mock Server Mini Program example project.
- wyq2214368/remove-water-mark-mp -
🔥 Short video watermark removal Mini Program (includingserver side) - deepkolos/three-platformize-demo-wechatWeChat Mini Program THREE, containing 16 loader test demos.
- deepkolos/wxmp-tensorflowSolution for running the latest TensorFlow.js in WeChat Mini Programs.
Data interface has issues
- EastWorld/wechat-app-mall ★3000+WeChat Mini Program mall.
- tumobi/nideshop-mini-program ★2000+Open-source WeChat Mini Program mall developed with Node.js + MySQL.
- huangjianke/Gitter ★700+Gitter for GitHub - perhaps the best-looking GitHub Mini Program client right now.
- 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 Chongyou
- myronliu347/wechat-app-zhihudaily ★200+Zhihu Daily.
- harveyqing/BearDiary ★200+Little Bear's Diary.
- leancloud/leantodo-weapp ★200+Todo list implemented with LeanCloud integration.
- 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 promotional Mini Program.
- hilongjw/weapp-gold ★100+Juejin homepage feed.
- zce/weapp-douban ★100+Douban Movie.
- hingsir/weapp-douban-film ★100+Douban Movie.
- kunkun12/weappMini Program hello world to try it out.
- natee/wxapp-2048 ★100+2048 mini game.
- SeptemberMaples/wechat-weapp-demo ★100+Shopping cart.
- hijiangtao/weapp-newsappFeed of popular articles from WeChat official accounts.
- charleyw/wechat-weapp-redux-todos ★100+Todo list implemented with Redux integration.
- kraaas/timer ★100+Pomodoro timer.
- 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/girl gallery.
- liumulin614/BeautifulGirlBeautiful models.
- 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 Jump
- yaoshanliang/weapp-monument-valley ★100+Monument Valley
- YYJeffrey/july_client ★100+July (a social Mini Program with content publishing, status sharing, likes, comments, interactive chat, etc.).
- Symous/WechatApp-BaisiSisterBaisi Bude Jie
- githinkcn/GiteerGiteer For Gitee, a Mini Program based on Taro + Taro UI + Dva.
- DengKe1994/weapp-calculatoriOS calculator.
- monkindey/wx-githubGitHub resume.
- fluency03/weapp-500pxInternational photography community 500px.
- weapp-filmTaopiaopiao
- xujinyang/CoderCalendar-WeAppProgrammer's almanac.
- zhengxiaowai/weapp-github - github
- Seahub/PigRaising - PigRaising
- brucevanfdm/WeChatMeiZhiGirls gallery.
- zhijieeeeee/wechat-app-jokeHappy moment.
- uniquexiaobai/wechat-app-githubfeed - GitHubFeed
- zce/weapp-todosTODOS task list.
- bruintong/wechat-webapp-douban-movieDouban Movie.
- bruintong/wechat-webapp-douban-locationDouban Local.
- arkilis/weapp-jandanJiandan
- bodekjan/wechat-weatherWeChat weather.
- jasscia/ChristmasHatI want a Christmas hat.
- nanwangjkl/sliding_puzzleSlider puzzle.
- kaiwu/weui-scalajsDeveloped with Scala.js.
- tinajs/tina-hackernewsHacker News trending.
- mohuishou/scuplus-wechatWe SCU (Sichuan University)
- hankzhuo/wx-v2ex - v2ex
- Hongye567/weapp-markA WeChat Mini Program imitating Mark's movie list.
- w1109790800/We-TodoTodo-List based on LeanCloud.
- jae-jae/weapp-github-trendingGitHub daily ranking.
- steedos/mini-vipHuayan microsite and micro mall.
- alex1504/wx-guita_tabPocket guitar.
- lonnng/etymMango etymology assistant.
- wuhou123/wxxcxWuhou's Cat, built with wepy, integrates many query tools (express delivery, weather, accounting, funny videos, etc.).
- upupming/HITMersMuseum assistant (shift statistics, sign-in, duty calendar and memos, internationalization, Streamable.com video upload, etc.).
- LDouble/WeOUCWeOUC (academic affairs Mini Program).
- Airmole/ShellBoxBeike Little Box (campus academic information query tool; won second prize in North China region of the 2019 University Mini Program Development Competition).
- aquanlerou/WeHalo ★200+A cat who loves coding (WeHalo minimalist WeChat Mini Program blog
✨ ) - WarpPrism/SubwayRoutineMP【Tokyo, Seoul, Bangkok, Singapore, Paris subway route map
🚄 】 - GoKu-gaga/todayPocket tools (a collection of small tools).
- cy920820/weapp-motor-moviesMada Movie Assistant (a theatrical movie assistant).
- Gwokhov/chronusChronus Goal Diary (a cloud-developed WeChat Mini Program that helps you manage life goals).
- imliubo/Wechat_MQTT_ESP8266_BaiduIoTWeChat Smart Butler (use WeChat Mini Programs to control your hardware devices).
- yuzexia/iw3cplusFront-end communitywww.w3cplus.com's WeChat Mini Program
- RAOE/show-videosShow Video (a short video social app for WeChat Mini Program, with video upload, audio-video composition, comments, likes, forwarding, sharing, etc.).
- NewFuture/miniprogram-templateDeveloping Mini Programs with native API in pure TypeScript (VSCode as IDE) and a complete development workflow.
- ZhuPeng/mp-githubtrendingA tool to view collections of GitHub Trending repositories in a feed format.
- yociduo/scrum-planning-pokerScrum agile estimation, built with wepy.
- kilakila-heart/fuliba-frontFuliba information feed Mini Program.
- lsqy/taro-music -
🎉 A NetEase Cloud Music Mini Program developed with taro + taro-ui + redux + typescript. - Ximalaya Lite clone.A Ximalaya imitation Mini Program developed with native WeChat Mini Program APIs (extremely suitable for beginners).
- branliang/game-stop-appPSN Price Drop (a tool to subscribe to PS4 game prices).
- wk989898/wxchat-mailA WeChat Mini Program imitating Gmail.
- AnsonZnl/bookshelf -
🎉 A bookshelf Mini Program based on cloud development (with tutorial).🎉 - arleyGuoLei/wx-words-pk ★100+ -
🔥 2020: a word battle Mini Program implemented with cloud development (random matching, PvE, friend battles), professional UI. - arleyGuoLei/wechat-1password -
🐂 🍺 A password book: an AES-encrypted password book implemented with cloud development, supporting fingerprint and face recognition, simple and elegant UI. - wilhantian/periodic-table -
💎 An exquisite periodic table Mini Program. - zhijieeeeee/wechat_ocr -
🔥 WeChat Mini Program for scanning images to extract text (OCR), using free Baidu OCR and translation APIs, and WeChat cloud functions. - terryso/super9 -
🔥 Douyin one-click watermark remover Mini Program: Taro + WeChat cloud development. - zhijieeeeee/wechat_cunzhao -
🔥 WeChat Mini Program for ID photo production, using only native controls and APIs; displays a watermarked ID photo first, and no watermark after download. - zhijieeeeee/wechat_demark -
🔥 Short video watermark removal WeChat Mini Program, entirely using native code, with video cropping, video compression, and video MD5 modification features.
Content from: https://github.com/justjavac/awesome-wechat-weapp
