微信小程序開源項目

微信小應用示例代碼(phodal/weapp-quick) 

源碼鏈接:https://github.com/phodal/weapp-quick

微信小應用地圖定位demo(giscafer/wechat-weapp-mapdemo) 

源碼鏈接:https://github.com/giscafer/wechat-weapp-mapdemo

微信小應用- 掘金主頁信息流(hilongjw/weapp-gold) 

源碼鏈接:https://github.com/hilongjw/weapp-gold

微信小程序(應用號)示例:微信小程序豆瓣電影(zce/weapp-demo) 

源碼鏈接:https://github.com/zce/weapp-demo

微信小程序-豆瓣電影(hingsir/weapp-douban-film) 

源碼鏈接:https://github.com/hingsir/weapp-douban-film

小程序 hello world 嚐鮮(kunkun12/weapp) 

源碼鏈接:https://github.com/kunkun12/weapp

使用微信小程序開發2048遊戲(sammffl/wechat-weapp-2048) 

源碼鏈接:https://github.com/sammffl/wechat-weapp-2048

微信小程序-微票(wangmingjob/weapp-weipiao) 

源碼鏈接:https://github.com/wangmingjob/weapp-weipiao

微信小程序購物車DEMO(SeptemberMaples/wechat-weapp-demo) 

源碼鏈接:https://github.com/SeptemberMaples/wechat-weapp-demo

微信小程序V2EX(jectychen/wechat-v2ex) 

源碼鏈接:https://github.com/jectychen/wechat-v2ex

微信小程序-知乎日報(myronliu347/wechat-app-zhihudaily) 

源碼鏈接:https://github.com/myronliu347/wechat-app-zhihudaily

微信小程序-公衆號熱門文章信息流(hijiangtao/weapp-newsapp) 

源碼鏈接:https://github.com/hijiangtao/weapp-newsapp

微信小程序版Gank客戶端 

源碼鏈接:https://github.com/lypeer/wechat-weapp-gank

微信小程序集成Redux實現的Todo list 

源碼鏈接:https://github.com/charleyw/wechat-weapp-redux-todos

微信小程序-番茄時鐘 

源碼鏈接:https://github.com/kraaas/timer

微信小程序項目彙總 

源碼鏈接:http://javascript.ctolib.com/cat … t-wechat-weapp.html

微信小程序版聊天室 

源碼鏈接: https://github.com/ericzyh/wechat-chat

微信小程序-HiApp 

源碼鏈接: https://github.com/BelinChung/wxapp-hiapp

小程序Redux綁定庫 

源碼鏈接: https://github.com/charleyw/wechat-weapp-redux

微信小程序版微信 

源碼鏈接: https://github.com/18380435477/WeApp

小程序開發從佈局開始 

源碼鏈接: https://github.com/hardog/wechat-app-flexlayout

微信小程序-音樂播放器 

源碼鏈接: https://github.com/eyasliu/wechat-app-music

微信小程序-簡易計算器-適合入門 

源碼鏈接: https://github.com/dunizb/wxapp-sCalc

微信小程序-github 

源碼鏈接: https://github.com/zhengxiaowai/weapp-github

微信小程序-小熊の日記 

源碼鏈接: https://github.com/harveyqing/BearDiary

微信小程序 

源碼鏈接: https://github.com/SeaHub/PigRaising

微信小程序(WeChatMeiZhi妹子圖) 

源碼鏈接:https://github.com/brucevanfdm/WeChatMeiZhi

使用方法

1、克隆項目代碼到本地(Git應該都要會哈,現在源碼幾乎都會放github上,會git才方便,不會的可以自學一下哦,不會的也沒關係,gitHub上也提供直接下載的鏈接) 

2、打開微信開發者工具; 

3、添加項目->選擇本項目目錄->編譯執行;

awesome-github-wechat-weapp 是由[OpenDigg](http://www.opendigg.com/)整理並維護的微信小程序開源項目庫集合。我們會定期同步[OpenDigg](http://www.opendigg.com/tags/wechat-app)上的項目到這裏,也歡迎各位[提交項目](https://github.com/opendigg/opending-share-projects)給我們。 

如果收錄的項目有錯誤,可以通過[issue](https://github.com/opendigg/awesome-github-wechat-weapp/issues)反饋給我們。這裏的項目Star數不是實時更新的,一般是一週更新一次。 

# 內容 

- [UI組件](#UI組件) 
- [開發框架](#開發框架) 
- [實用庫](#實用庫) 
- [開發工具](#開發工具) 
- [服務端](#服務端) 
- [項目實例](#項目實例) 
- [Demo](#Demo) 

## UI組件 

- [weui-wxss](https://github.com/weui/weui-wxss) ★1873 - 同微信原生視覺體驗一致的基礎樣式庫 
- [zanui-weapp](https://github.com/youzan/zanui-weapp) ★794 - 好用易擴展的小程序 UI 庫 
- [wx-charts](https://github.com/xiaolin3303/wx-charts) ★449 - 微信小程序圖表工具 
- [Wa-UI](https://github.com/liujians/Wa-UI) ★164 - 針對微信小程序整合的一套UI庫 
- [wux](https://github.com/skyvow/wux) ★163 - 微信小程序自定義組件 
- [wemark](https://github.com/TooBug/wemark) ★161 - 微信小程序Markdown渲染庫 
- [wxapp](https://github.com/youzouzou/wxapp) ★131 - 微信小程序組件 
- [wx-scrollable-tab-view](https://github.com/zhongjie-chen/wx-scrollable-tab-view) ★116 - 小程序可滑動得tabview 
- [wxapp-img-loader](https://github.com/o2team/wxapp-img-loader) ★101 - 微信小程序的圖片預加載組件 
- [WeZRender](https://github.com/guyoung/WeZRender) ★96 - 微信小程序Canvas增強組件 
- [wetoast](https://github.com/kiinlam/wetoast) ★77 - 仿照微信小程序提供的showToast功能 
- [wx-alphabetical-listview](https://github.com/zhongjie-chen/wx-alphabetical-listview) ★71 - 帶字母可滑動的列表小程序 
- [wx-drawer](https://github.com/zhongjie-chen/wx-drawer) ★70 - 小程序模仿QQ6側滑菜單 
- [wxSearch](https://github.com/icindy/wxSearch) ★70 - 微信小程序優雅的搜索框 
- [wx_calendar](https://github.com/treadpit/wx_calendar) ★65 - 小程序日曆 
- [wxapp-charts](https://github.com/hawx1993/wxapp-charts) ★52 - 微信小程序圖表charts組件 
- [chartjs-wechat-mini-app](https://github.com/xiabingwu/chartjs-wechat-mini-app) ★42 - chartjs微信小程序適配 
- [citySelect](https://github.com/chenjinxinlove/citySelect) ★42 - 微信小程序城市選擇器 
- [WeiXinProject](https://github.com/lidong1665/WeiXinProject) ★36 - 列表的上拉刷新和上拉加載 
- [wepy-com-charts](https://github.com/CalvinHong/wepy-com-charts) ★20 - 微信小程序wepyjs圖表控件 
- [WechatLoading](https://github.com/qq273681448/WechatLoading) ★14 - 加載框佈局LoadingView 
- [wxTabs](https://github.com/hss01248/wxTabs) ★13 - 微信小程序的多tab實現 
- [wxapp-lock](https://github.com/demi520/wxapp-lock) ★12 - 微信小程序手勢解鎖 

## 開發框架 

- [wepy](https://github.com/wepyjs/wepy) ★1325 - 小程序組件化開發框架 
- [Labrador](https://github.com/maichong/labrador) ★785 - 微信小程序模塊化開發框架 
- [wxapp-devFrame](https://github.com/hss01248/wxapp-devFrame) ★49 - 小程序基本的開發框架 

## 實用庫 

- [wxParse](https://github.com/icindy/wxParse) ★1107 - 微信小程序富文本解析自定義組件 
- [wechat-weapp-redux](https://github.com/charleyw/wechat-weapp-redux) ★189 - 微信小程序Redux綁定 
- [wxapp-socket-io](https://github.com/fanweixiao/wxapp-socket-io) ★123 - 微信小程序的SocketIO客戶端 
- [wafer-client-sdk](https://github.com/tencentyun/weapp-client-sdk) ★94 - 微信小程序客戶端騰訊雲增強 SDK 
- [WxNotificationCenter](https://github.com/icindy/WxNotificationCenter) ★86 - 微信小程序通知廣播模式類 
- [wilddog-weapp](https://github.com/WildDogTeam/wilddog-weapp) ★67 - 野狗微信小程序客戶SDK 
- [wx-query](https://github.com/stephenml/wx-query) ★62 - 微信小程序仿jQuery插件 
- [wxapp-google-analytics](https://github.com/rchunping/wxapp-google-analytics) ★59 - 讓微信小程序支持谷歌統計 
- [wxapp-jsapi](https://github.com/baidumapapi/wxapp-jsapi) ★49 - 百度地圖微信小程序 
- [wxstream](https://github.com/wpcfan/wxstream) ★19 - 微信小程序的響應式編程類庫封裝 
- [upyun-wxapp-sdk](https://github.com/upyun/upyun-wxapp-sdk) ★16 - 又拍雲微信小程序 

## 開發工具 

- [wept](https://github.com/chemzqm/wept) ★1097 - 實時微信小程序開發工具 
- [weapp-quick](https://github.com/phodal/weapp-quick) ★320 - “微信Web開發者”拷貝工具 
- [Wxapp.vim](https://github.com/chemzqm/wxapp.vim) ★213 - 微信小程序開發 Vim 插件 
- [wechat_web_devtools](https://github.com/yuan1994/wechat_web_devtools) ★179 - 微信開發者工具Linux版 
- [miniapps](https://github.com/DDFE/miniapps) ★131 - 小程序項目腳手架工具 
- [Matchmaker](https://github.com/lypeer/Matchmaker) ★107 - 專爲微信小程序開發的插件 
- [wecos](https://github.com/tencentyun/wecos) ★64 - 微信小程序 COS 瘦身解決方案 

## 服務端 

- [m-mall-admin](https://github.com/skyvow/m-mall-admin) ★137 - 創建REST API的樣板應用 
- [NAMI](https://github.com/wodenwang/nami) ★79 - 專爲小程序而生的服務端開發容器 
- [weapp-node-server-demo](https://github.com/tencentyun/weapp-node-server-demo) ★72 - Wafer 服務端 Demo 
- [Wafer 服務端 SDK - Java](https://github.com/tencentyun/weapp-java-server-sdk) ★67 - 企業級微信小程序全棧方案 
- [xpmjs](https://github.com/XpmJS/xpmjs) ★67 - 小程序雲端增強 SDK 
- [weapp-php-server-sdk](https://github.com/tencentyun/weapp-php-server-sdk) ★42 - 騰訊雲微信小程序雲端解決方案 

## 項目實例 

- [wecqupt](https://github.com/lanshan-studio/wecqupt) ★255 - 在微信內被便捷地獲取和傳播 
- [豆瓣電影項目](https://github.com/songhaoreact/豆瓣電影項目) ★118 - 微信小程序豆瓣電影項目 
- [miemie](https://github.com/airingursb/miemie) ★28 - 微信小程序咩咩單詞 
- [hellspawn-hunter-weapp](https://github.com/bluedazzle/hellspawn-hunter-weapp) ★25 - 陰陽師妖怪搜索小程序 

## Demo 

- [weapp-demo](https://github.com/zce/weapp-demo) ★1086 - 仿豆瓣電影微信小程序 
- [wechat-weapp-mall](https://github.com/liuxuanqiang/wechat-weapp-mall) ★750 - 微信小程序移動端商城 
- [wechat-weapp-gank](https://github.com/lypeer/wechat-weapp-gank) ★604 - Gank微信小程序 
- [SmallAppForQQ](https://github.com/xiehui999/SmallAppForQQ) ★561 - 微信小程序高仿QQ應用 
- [weapp-wechat-zhihu](https://github.com/RebeccaHanjw/weapp-wechat-zhihu) ★518 - 微信中的知乎 
- [m-mall](https://github.com/skyvow/m-mall) ★328 - 實現一個移動端小商城 
- [仿芒果TV](https://github.com/web-Marker/wechat-Development) ★326 - 微信小程序demo 
- [weChatApp-Run](https://github.com/alanwangmodify/weChatApp-Run) ★265 - 跑步微信小程序Demo 
- [wechat-v2ex](https://github.com/jectychen/wechat-v2ex) ★235 - 簡單的v2ex微信小程序 
- [騰訊雲微信小程序](https://github.com/tencentyun/weapp-client-demo) ★234 - 一站式解決方案客戶端示例 
- [weapp-weipiao](https://github.com/wangmingjob/weapp-weipiao) ★234 - 微信小程序-微票 
- [wechat-weapp-taobao](https://github.com/ChangQing666/wechat-weapp-taobao) ★227 - 微信小程序demo 仿手機淘寶 
- [weapp-boilerplate](https://github.com/zce/weapp-boilerplate) ★220 - 一個爲微信小程序開發準備的基礎骨架 
- [wechat_mall_applet](https://github.com/bayetech/wechat_mall_applet) ★201 - 巴爺微信商城的簡單版本 
- [wechat-weapp-movie](https://github.com/yesifeng/wechat-weapp-movie) ★182 - 微信小程序 - 電影推薦 
- [wechat-app-zhihudaily](https://github.com/myronliu347/wechat-app-zhihudaily) ★173 - 微信小程序-知乎日報 
- [wechat-app-music](https://github.com/eyasliu/wechat-app-music) ★153 - 微信小程序: 音樂播放器 
- [fenda-mock](https://github.com/davedavehong/fenda-mock) ★153 - 使用微信小程序實現分答這款APP的基礎功能 
- [wechat-weapp-mapdemo](https://github.com/giscafer/wechat-weapp-mapdemo) ★152 - 微信小程序開發demo-地圖定位 
- [Artand](https://github.com/SuperKieran/weapp-artand) ★123 - 微信小程序 
- [weapp-douban-film](https://github.com/hingsir/weapp-douban-film) ★112 - 微信小程序 - 豆瓣電影 
- [wepy-wechat-demo](https://github.com/wepyjs/wepy-wechat-demo) ★105 - wepy仿微信聊天界面 
- [weapp-one](https://github.com/ahonn/weapp-one) ★104 - 仿 「ONE · 一個」 的微信小程序 
- [wechat-weapp-redux-todos](https://github.com/charleyw/wechat-weapp-redux-todos) ★102 - 微信小程序集成Redux實現的Todo list 
- [weapp-zhihulive](https://github.com/dongweiming/weapp-zhihulive) ★98 - 基於Zhihu Live數據的微信小程序 
- [BearDiary](https://github.com/harveyqing/BearDiary) ★97 - 微信小程序之小熊の日記 
- [netmusic-app](https://github.com/sqaiyan/netmusic-app) ★95 - 仿網易雲音樂APP的微信小程序 
- [wxflex](https://github.com/icindy/wxflex) ★75 - 微信小程序的Flex佈局demo 
- [番茄時鐘](https://github.com/kraaas/timer) ★75 - 番茄時鐘微信小程序版 
- [weapp-node-server-demo](https://github.com/tencentyun/weapp-node-server-demo) ★72 - Wafer 服務端 Demo 
- [wechat-chat](https://github.com/ericzyh/wechat-chat) ★71 - 微信小程序版聊天室 
- [wxapp-sCalc](https://github.com/dunizb/wxapp-sCalc) ★66 - 微信小程序版簡易計算器,適合入門練手 
- [weapp-demo-session](https://github.com/CFETeam/weapp-demo-session) ★66 - 微信小程序示例一筆到底 
- [weapp-demo-breadtrip](https://github.com/romoo/weapp-demo-breadtrip) ★62 - 基於麪包旅行 API 製作的微信小程序示例 
- [wechatapp-news-reader](https://github.com/vace/wechatapp-news-reader) ★59 - 新聞閱讀器 
- [wechat-weapp-demo](https://github.com/SeptemberMaples/wechat-weapp-demo) ★58 - 一個簡單的微信小程序購物車DEMO 
- [weapp-newsapp](https://github.com/hijiangtao/weapp-newsapp) ★57 - 微信小程序-公衆號熱門文章信息流 
- [weapp-girls](https://github.com/litt1e-p/weapp-girls) ★56 - 通過Node.js實現的妹子照片爬蟲微信小程序 
- [wechat-app-flexlayout](https://github.com/hardog/wechat-app-flexlayout) ★55 - 從FlexLayout佈局開始學習微信小程序 
- [wxapp-hiapp](https://github.com/BelinChung/wxapp-hiapp) ★52 - HiApp 微信小程序版 
- [weapp-github](https://github.com/zhengxiaowai/weapp-github) ★50 - 微信小程序的簡單嘗試 
- [bookbox-wxapp](https://github.com/ToadWoo/bookbox-wxapp) ★37 - 集美大學圖書館的便捷工具 
- [WeChatMeiZhi](https://github.com/brucevanfdm/WeChatMeiZhi) ★36 - 微信小程序版妹紙圖 
- [weapp-V2ex](https://github.com/bestony/weapp-V2ex) ★36 - V2ex 微信小程序版 
- [WXBaiSi](https://github.com/SureZhangHW/WXBaiSi) ★34 - 微信小程序仿百思不得姐 
- [wx-audio](https://github.com/xingbofeng/wx-audio) ★33 - 微信小程序音樂播放器應用 
- [wxapp-2048](https://github.com/natee/wxapp-2048) ★32 - 微信小程序2048 
- [weapp-500px](https://github.com/fluency03/weapp-500px) ★32 - 微信小程序 
- [yiyaowang-wx](https://github.com/jiabinxu/yiyaowang-wx) ★31 - 醫藥網原生APP的微信小程序DEMO 
- [wxreading](https://github.com/gxmzjxk/wxreading) ★28 - 微信小程序跟讀 
- [WxMasonry](https://github.com/icindy/WxMasonry) ★27 - 微信小程序瀑布流佈局模式 
- [weapp](https://github.com/kunkun12/weapp) ★26 - 小程序 hello world 嚐鮮 
- [WechatApp-BaisiSister](https://github.com/Symous/WechatApp-BaisiSister) ★26 - 微信小程序版百思不得姐 
- [wechat-app-xiaoyima](https://github.com/iamjs1/wechat-app-xiaoyima) ★26 - 仿大姨媽的微信小程序 
- [WeChat_ayibang](https://github.com/Sukura7/WeChat_ayibang) ★25 - 微信小程序仿阿姨幫 
- [hotapp-notepad](https://github.com/hotapp888/hotapp-notepad) ★25 - 微信小程序HotApp雲筆記 
- [wechatApp-netease_cloudmusic](https://github.com/MengZhaoFly/wechatApp-netease_cloudmusic) ★22 - 小程序模仿——網易雲音樂 
- [wxapp-mall](https://github.com/lin-xin/wxapp-mall) ★22 - 微信小程序商城demo 
- [wx-mime](https://github.com/jsongo/wx-mime) ★20 - 微信小程序版的掃雷 
- [PigRaising](https://github.com/SeaHub/PigRaising) ★20 - 專注管理時間的微信小程序 
- [GankCamp-WechatAPP](https://github.com/iwgang/GankCamp-WechatAPP) ★19 - 微信小程序版乾貨集中營 
- [weapp-lolgame](https://github.com/xiaowenxia/weapp-lolgame) ★18 - 英雄聯盟(LOL)戰績查詢 
- [wxSortPickerView](https://github.com/icindy/wxSortPickerView) ★17 - 微信小程序首字母排序選擇表 
- [weapp-douban-movie](https://github.com/David-Guo/weapp-douban-movie) ★17 - 微信小程序版豆瓣電影 
- [WexinApp_1024](https://github.com/RedLove/WexinApp_1024) ★16 - 簡單的實現了1024的遊戲規則 
- [wechat-app-githubfeed](https://github.com/uniquexiaobai/wechat-app-githubfeed) ★14 - 微信小程序試玩 
- [doule](https://github.com/mkxiansheng/doule) ★14 - 微信小程序逗樂 
- [wxApp](https://github.com/Gavin-YYC/wxApp) ★14 - 一步步開發微信小程序 
- [wx-mina-meteor](https://github.com/leijing7/wx-mina-meteor) ★14 - 一個 meteor 的 React todo list 例子 
- [caipu_weixin](https://github.com/bestTao/caipu_weixin) ★12 - 微信小程序健康菜譜 
- [jspapa-wx](https://github.com/biggerV/jspapa-wx) ★12 - jspapa微信小程序版本 
- [CNodeJs-WXAPP](https://github.com/Shaman05/CNodeJs-WXAPP) ★12 - 微信小程序版的CNodeJs中文社區 
- [weapp-LeanCloud](https://github.com/bestony/weapp-LeanCloud) ★12 - LeanCloud 的微信小程序用戶登陸Demo 
- [wejoke](https://github.com/zszdevelop/wejoke) ★11 - 微笑話微信小程序 
- [liwushuoapp](https://github.com/chongbenben/liwushuoapp) ★11 - 微信小程序開發的App 
- [weapp-sportsnews](https://github.com/havenxie/weapp-sportsnews) ★8 - 體育新聞微信小程序 
- [labrador_mobx_example](https://github.com/spacedragon/labrador_mobx_example) ★4 - 基於Labrador和mobx構建的小程序開發demo 
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章