m5/m5-docs
0
0
Fork 0
mirror of https://github.com/m5stack/m5-docs.git synced 2026-05-20 10:23:01 -07:00
Code Issues Packages Projects Releases Wiki Activity
Files
en
m5-docs/docs/index.md
T
shaoxiang a89a1f9d64 add butterfly pic
2019-07-26 19:55:25 +08:00

1288 lines
36 KiB
Markdown
Raw Permalink Blame History

<div>
<div class="banner img-fluid" onclick= page_move("core")>
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/core.jpg">
<div class="card-img-overlay">
<h4 >Core</h4>
</div>
</a>
</div>
<div class="banner img-fluid" onclick= page_move("module")>
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/module.jpg">
<div class="card-img-overlay">
<h4>Module</h4>
</div>
</div>
<div class="banner img-fluid" onclick= page_move("base")>
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/base.jpg">
<div class="card-img-overlay">
<h4>Base</h4>
</div>
</div>
<div class="banner img-fluid" onclick= page_move("unit")>
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/unit.jpg">
<div class="card-img-overlay">
<h4>Unit</h4>
</div>
</div>
<div class="banner img-fluid" onclick= page_move("application")>
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/application.jpg">
<div class="card-img-overlay">
<h4>Application</h4>
</div>
</div>
<div class="banner img-fluid" onclick= page_move("accessory")>
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/accessory.jpg">
<div class="card-img-overlay">
<h4>Accessory</h4>
</div>
</div>
<div class="banner img-fluid" onclick= page_move("aluminium")>
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/home_page/aluminium_profile.jpg">
<div class="card-img-overlay">
<h4>Aluminium Profile</h4>
</div>
</div>
</div>
# Core
**M5Core**
<div>
<img src="assets/img/product_pics/icon_core.png" style="vertical-align:middle;">
<span style="font-size:30px">Core</span>
</div>
<a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Core QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Core_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
<!-- <a class="btn btn btn-primary" href="https://github.com/m5stack/M5-Schematic/blob/master/Core/hardware_difference_between_cores.md" role="button" style="color:white;text-decoration:none">Cores comparison »</a> -->
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Core_Compare">M5Core comparison »</a>
<div class="item">
<a href="/#/en/core/basic">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_basic_01.png">
<p class="item-title">BASIC</p>
</a>
</div>
<div class="item">
<a href="/#/en/core/gray">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_gray_01.png">
<p class="item-title">GRAY</p>
</a>
</div>
<div class="item">
<a href="/#/en/core/fire">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_fire_01.png">
<p class="item-title">FIRE</p>
</a>
</div>
**M5Stick**
<a class="btn btn btn-primary" href="#en/quick_start/m5stick/m5stick_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Stick QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="#en/quick_start/m5stickc/m5stickc_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickC QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="#en/quick_start/m5stickv/m5stickv_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickV QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Stick_Compare">M5Stick comparison »</a>
<div class="item">
<a href="/#/en/core/m5stick">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.png">
<p class="item-title">M5Stick</p>
</a>
</div>
<div class="item">
<a href="/#/en/core/m5stickc">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stickc_01.png">
<p class="item-title">M5StickC</p>
</a>
</div>
<div class="item">
<a href="/#/en/core/m5stickv">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.jpg">
<p class="item-title">M5StickV</p>
</a>
</div>
## M5GO Lite
## M5GO Kit
## FACES Kit
**M5GO/FACES Kit**
<a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5GO QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">FACES-kit QuickStart »</a>
<div class="item">
<a href="/#/en/core/m5go_lite">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/kit_m5go_lite_01.png">
<p class="item-title">M5GO Lite</p>
</a>
</div>
<div class="item">
<a href="/#/en/core/m5go">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/kit_m5go_01.png">
<p class="item-title">M5GO Kit</p>
</a>
</div>
<div class="item">
<a href="/#/en/core/face_kit">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/kit_faces_01.png">
<p class="item-title">FACES Kit</p>
</a>
</div>
***
# Module
<div>
<img src="assets/img/product_pics/icon_module.png" style="vertical-align:middle;">
<span style="font-size:30px">Module</span>
</div>
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Module_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
## GPS
## LORA
## LoRaWAN
## SIM800L
## COMMU
**Communication Modules**
<div class="item">
<a href="/#/en/module/gps">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_gps_01.png">
<p class="item-title">GPS</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/lora">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_lora_01.jpg">
<p class="item-title">LORA</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/lorawan">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_lorawan_01.png">
<p class="item-title">LoRaWAN</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/sim800">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_sim800_01.png">
<p class="item-title">SIM800L</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/commu">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_commu_01.png">
<p class="item-title">COMMU</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/lte">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/lte_01.jpg">
<p class="item-title">LTE</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/gsm">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/gsm_01.jpg">
<p class="item-title">GSM</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/nb-iot">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/nb_iot_01.jpg">
<p class="item-title">NB-IoT</p>
</a>
</div>
**Expansion Modules**
<div class="item">
<a href="/#/en/module/battery">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_battery_01.png">
<p class="item-title">BATTERY</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/proto">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_proto_01.png">
<p class="item-title">PROTO</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/plus">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_plus_01.png">
<p class="item-title">PLUS</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/usb">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_usb_01.png">
<p class="item-title">USB</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/bus">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_bus_01.png">
<p class="item-title">BUS</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/goplus">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_goplus_p1.png">
<p class="item-title">GoPlus</p>
</a>
</div>
## STEPMOTOR
## SERVO
## LEGO_PLUS
## FAN
**Drive Modules**
<div class="item">
<a href="/#/en/module/stepmotor">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_stepmotor_01.png">
<p class="item-title">STEPMOTOR</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/servo">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_servo_01.png">
<p class="item-title">SERVO</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/lego_plus">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_lego_plus_01.png">
<p class="item-title">LEGO+</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/fan">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_FAN.png">
<p class="item-title">FAN</p>
</a>
</div>
## ENCODER
## JOYSTICK
## FACES-FINGER
## FACES-RFID
**FACES Series**
<div class="item">
<a href="/#/en/module/encoder">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_encoder_01.png">
<p class="item-title">ENCODER</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/joystick">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_joystick_01.png">
<p class="item-title">JOYSTICK</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/faces_finger">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faces_finger_01.jpg">
<p class="item-title">FINGER</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/faces_rfid">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faces_rfid_01.jpg">
<p class="item-title">RFID</p>
</a>
</div>
# BASE
<div>
<img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;margin-top:20px">
<span style="font-size:30px">Base</span>
</div>
<!-- *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
&nbsp;
## LAN
## NODE
## BTC
## PLC
## Core BOTTOM
<div class="item">
<a href="/#/en/base/lan_base">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_lan_01.png">
<p class="item-title">LAN</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/node_base">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_node_01.png">
<p class="item-title">NODE</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/btc_base">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_btc_01.png">
<p class="item-title">BTC</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/plc_base">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_plc_01.png">
<p class="item-title">PLC</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/core_bottom">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_core_bottom_01.png">
<p class="item-title">Core BOTTOM</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/m5go_bottom">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_m5go_bottom_01.png">
<p class="item-title">M5GO BOTTOM</p>
</a>
</div>
## M5GO RFID
## M5GO CHARGER
## pm2_5
## BASE15
## BASE26
<div class="item">
<a href="/#/en/base/m5go_rfid">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_m5go_rfid_01.png">
<p class="item-title">M5GO RFID</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/m5go_charger">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_m5go_base_01.png">
<p class="item-title">M5GO CHARGER</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/pm2.5">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_pm25_01.jpg">
</a>
<p class="item-title">PM2.5</p>
</div>
<div class="item">
<a href="/#/en/base/base15">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base15_01.jpg">
<p class="item-title">BASE15</p>
</a>
</div>
<div class="item">
<a href="/#/en/base/base26">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base26_01.jpg">
<p class="item-title">BASE26</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/battery_base">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/battery_base_01.jpg">
<p class="item-title">M5Camera Battery</p>
</a>
</div>
***
# Unit
<div>
<img src="assets/img/product_pics/icon_unit.png" style="vertical-align:middle;">
<span style="font-size:30px">Unit</span>
</div>
<!-- *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
## ESP32CAM
## M5Camera
## M5CameraF
## M5CameraX
<!-- <div class="btn-group"> -->
<a class="btn btn btn-primary" href="#en/quick_start/m5camera/m5camera_quick_start" role="button" style="color:white;text-decoration:none">Camera QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;text-decoration:none" data-toggle="modal" data-target="#Unit_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_en.md" role="button" style="color:white;text-decoration:none">Cameras comparison »</a>
<!-- </div> -->
**Camera class**
<!-- **Camera class** *( **[Quick Start](en/quick_start/m5camera/m5camera_quick_start)**&nbsp;&nbsp;&nbsp;**[Cameras comparison](https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_en.md)** )* -->
<div class="item">
<a href="/#/en/unit/esp32cam">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_esp32cam_01.png">
<p class="item-title">ESP32CAM</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/m5camera">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5camera_01.png">
<p class="item-title">M5Camera</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/m5camera_f">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5camera_f_01.png">
<p class="item-title">M5CameraF</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/m5camera_x">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5camera_x_01.png">
<p class="item-title">M5CameraX</p>
</a>
</div>
**Sensor class**
## ENV
## EARTH
## LIGHT
## PIR
## NCIR
## THERMAL
## COLOR
<div class="item">
<a href="/#/en/unit/env">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_env_01.png">
<p class="item-title">ENV</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/earth">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_earth_01.png">
<p class="item-title">EARTH</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/light">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_light_01.png">
<p class="item-title">LIGHT</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/pir">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pir_01.png">
<p class="item-title">PIR</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/ncir">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ncir_01.png">
<p class="item-title">NCIR</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/thermal">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_thermal_01.png">
<p class="item-title">THERMAL</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/color">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_color_01.png">
<p class="item-title">COLOR</p>
</a>
</div>
## TOF
## HEART
## ADC
## MAKEY
## GPS
## FINGER
## WEIGHT
<div class="item">
<a href="/#/en/unit/tof">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_tof_01.png">
<p class="item-title">TOF</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/heart">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_heart_01.png">
<p class="item-title">HEART</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/adc">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_adc_01.png">
<p class="item-title">ADC</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/makey">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_makey_01.png">
<p class="item-title">MAKEY</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/gps">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_gps_01.png">
<p class="item-title">GPS</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/finger">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_finger_01.png">
<p class="item-title">FINGER</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/weight">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_weight_01.png">
<p class="item-title">WEIGHT</p>
</a>
</div>
## ACCEL
## OP180
## OP90
<div class="item">
<a href="/#/en/unit/accel">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_accel_01.jpg">
<p class="item-title">ACCEL</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/op90">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_op90_01.jpg">
<p class="item-title">OP.90</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/op180">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_op180_01.jpg">
<p class="item-title">OP.180</p>
</a>
</div>
**I / 0 class**
## EXT.IO
## DAC
## RELAY
## HUB
## PaHUB
## PbHUB
## 3.96Port
<div class="item">
<a href="/#/en/unit/extio">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_extio_01.png">
<p class="item-title">EXT.IO</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/dac">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_dac_01.png">
<p class="item-title">DAC</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/relay">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_relay_01.png">
<p class="item-title">RELAY</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/hub">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_hub_01.png">
<p class="item-title">HUB</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/pahub">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pahub_p1.png">
<p class="item-title">PaHUB</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/pbhub">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pbhub_p1.png">
<p class="item-title">PbHUB</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/396port">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_396port_01.png">
<p class="item-title">3.96Port</p>
</a>
</div>
## M5-BIT
## PROTO
## Unit-FAN
## VIBRATOR-MOTOR
## MINI-PROTO
<div class="item">
<a href="/#/en/unit/m5-bit">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5bit_01.jpg">
<p class="item-title">M5:bit</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/proto">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_proto_01.png">
<p class="item-title">PROTO</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/mini-proto">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/mini_proto_01.jpg">
<p class="item-title">MINI-PROTO</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/unit_fan">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_fan_01.jpg">
<p class="item-title">FAN</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/vibrator">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_vibrator_motor_01.jpg">
<p class="item-title">Vibrator-Motor</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/angle">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
<p class="item-title">ANGLE</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/button">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_button_01.png">
<p class="item-title">BUTTON</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/dual_button">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_dual_button_01.png">
<p class="item-title">Dual-BUTTON</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/joystick">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_joystick_01.png">
<p class="item-title">JOYSTICK</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/cardkb">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_cardkb_01.png">
<p class="item-title">CardKB</p>
</a>
</div>
**Communication class**
## IR
## RS485
## RFID
## LASER-RX
## LASER-TX
<div class="item">
<a href="/#/en/unit/ir">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ir_01.png">
<p class="item-title">IR</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/rs485">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rs485_01.png">
<p class="item-title">RS485</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/rfid">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rfid_01.png">
<p class="item-title">RFID</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/laser-rx">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/laser_rx_01.jpg">
<p class="item-title">LASER-RX</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/laser-tx">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/laser_tx_01.jpg">
<p class="item-title">LASER-TX</p>
</a>
</div>
**C-HAT class**
## HAT-ENV
## HAT-PIR
## HAT-SPK
## HAT-PROTO
## HAT-THERMAL
## HAT-NCIR
## HAT-RS485
<div class="item">
<a href="/#/en/hat/hat-env">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_env_01.jpg">
<p class="item-title">ENV</p>
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-pir">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_pir_01.jpg">
<p class="item-title">PIR</p>
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-spk">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_spk_01.jpg">
<p class="item-title">SPK</p>
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-proto">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_proto_01.jpg">
<p class="item-title">PROTO</p>
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-ncir">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_ncir_01.jpg">
<p class="item-title">NCIR</p>
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-thermal">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_thermal_01.jpg">
<p class="item-title">Thermal</p>
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-rs485">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/rs485_hat_01.jpg">
<p class="item-title">RS485</p>
</a>
</div>
## HAT-ADC
## HAT-DAC
<div class="item">
<a href="/#/en/hat/hat-adc">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/adc_hat_01.jpg">
<p class="item-title">ADC</p>
</a>
</div>
<div class="item">
<a href="/#/en/hat/hat-dac">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/dac_hat_01.jpg">
<p class="item-title">DAC</p>
</a>
</div>
**LED class**
## RGB_LED
## CatEar
## HEX
## NeoFlash
## RGB
<div class="item">
<a href="/#/en/unit/neopixel">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/M5GO_Unit_neopixel.jpg">
<p class="item-title">RGB LED</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/hex">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_hex_01.png">
<p class="item-title">HEX</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/rgb">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rgb_01.png">
<p class="item-title">RGB</p>
</a>
</div>
***
# Application
<div>
<img src="assets/img/product_pics/icon_app.png" style="vertical-align:middle;">
<span style="font-size:30px">Application</span>
</div>
<!-- *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
## BALA
## LidarBOT
## PIANO
## FLIR
## DEMO-BOARD
<div class="item">
<a href="/#/en/app/bala">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_bala_01.png">
<p class="item-title">BALA</p>
</a>
</div>
<div class="item">
<a href="/#/en/app/lidarbot">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_lidarbot_01.png">
<p class="item-title">LidarBOT</p>
</a>
</div>
<div class="item">
<a href="/#/en/app/piano">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_piano_01.png">
<p class="item-title">PIANO</p>
</a>
</div>
<div class="item">
<a href="/#/en/app/flir">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_flir_01.png">
<p class="item-title">FLIR</p>
</a>
</div>
<div class="item">
<a href="/#/en/app/demo-board">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_DemoBoard_01.jpg">
<p class="item-title">Demo Board</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/neoflash">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_neoflash_01.png">
<p class="item-title">NeoFlash</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/catear">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_catear_01.png">
<p class="item-title">CatEar</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/butterfly">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/butterfly_01.jpg">
<p class="item-title">BUTTERFLY</p>
</a>
</div>
<div class="item">
<a href="/#/en/1515/6060-push">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/6060_push_01.jpg">
<p class="item-title"> 6060-PUSH</p>
</a>
</div>
<div class="item">
<a href="/#/en/app/m5scale_diy_kit">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/m5scale_diy_kit_01.jpg">
<p class="item-title">M5SCALE DIY Kit</p>
</a>
</div>
***
<!--Below is adding on -->
# Accessory
<div>
<img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
<span style="font-size:30px">Accessory</span>
</div>
## Grove-T
## Grove Cable
## GROVE2GROVE
## SCREW
## BUS-Socket
## Frame
## TRACE
## PROTO-KIT
<div class="item">
<a href="/#/en/accessory/converter/grove_t">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/grove_t_01.png">
<p class="item-title">Grove-T</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/cable/grove_cable">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/grove_cable_01.png">
<p class="item-title">Grove Cable</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/converter/grove2grove">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/acs_g2g_01.jpg">
<p class="item-title">GROVE2GROVE</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/screw">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/screw_p1.png">
<p class="item-title">SCREW</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/bus_socket">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/acs_bus_socket_01.jpg">
<p class="item-title">BUS-Socket</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/frame">
<img src="assets/img/product_pics/accessory/frame_01.jpg">
<p class="item-title">Frame</p>
</a>
</div>
<div class="item">
<a href="/#/en/unit/trace">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
<p class="item-title">TRACE</p>
</a>
</div>
<div class="item">
<a href="/#/en/module/proto_kit">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_proto_02.jpg">
<p class="item-title">PROTO-KIT</p>
</a>
</div>
<div class="item">
<a href="/#/en/tool/usb_downloader">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/tool/usb_downloader_01.png">
<p class="item-title">USB Downloader</p>
</a>
</div>
<div class="item">
<a href="/#/en/tool/usb_isp">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/tool/tool_usb_isp_01.png">
<p class="item-title">USB-ISP</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/glass_panel_repair_kit">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/glass_panel_repair_kit_01.jpg">
<p class="item-title">Glass Panel Repair Kit</p>
</a>
</div>
<div class="item">
<a href="/#/en/accessory/485t">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/485t_01.jpg">
<p class="item-title">485T</p>
</a>
</div>
***
# Aluminium
<div>
<img src="assets/img/product_pics/icon_1515.jpg" style="vertical-align:middle;">
<span style="font-size:30px">Aluminium Profile</span>
</div>
## CORNER
## NUT
## Connector
## Aluminium-Profile-1515
<div class="item">
<a href="/#/en/1515/corner">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/acs_corner_01.jpg">
<p class="item-title">CORNER</p>
</a>
</div>
<div class="item">
<a href="/#/en/1515/nut">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/acs_nut_01.jpg">
<p class="item-title">NUT</p>
</a>
</div>
<div class="item">
<a href="/#/en/1515/connectors">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/ap_30_01.jpg">
<p class="item-title"> Connector</p>
</a>
</div>
<div class="item">
<a href="/#/en/1515/ap">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/ap_ap_01.jpg">
<p class="item-title"> Aluminium-Profile</p>
</a>
</div>
<!-- <script>
$(document).ready(function(){
$("div.item a").append(`<div class="mask">
<img class="logo" src="//cdn.shopify.com/s/files/1/0056/7689/2250/t/2/assets/magnifier.png?14592" style="position: absolute; top: 50px; left: 50px;">
</div>`);
});
</script> -->
<div class="container">
<div class="modal fade" id="Core_I2C">
<div class="modal-dialog modal-lg" style="margin-top:5%">
<div class="modal-content">
<div class="modal-body">
<img src="assets/img/i2c_address/core_i2c.jpg" data-no-zoom>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="Module_I2C">
<div class="modal-dialog modal-lg" style="margin-top:5%">
<div class="modal-content">
<div class="modal-body">
<img src="assets/img/i2c_address/module_i2c.jpg" data-no-zoom>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="Unit_I2C">
<div class="modal-dialog modal-lg" style="margin-top:5%">
<div class="modal-content">
<div class="modal-body">
<img src="assets/img/i2c_address/unit_i2c.jpg" data-no-zoom>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="Core_Compare">
<div class="modal-dialog modal-lg" style="margin-top:5%">
<div class="modal-content" style="width: 145%">
<div class="modal-body">
<img src="assets/img/i2c_address/core_compare.jpg" data-no-zoom>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="Stick_Compare">
<div class="modal-dialog modal-lg" style="margin-top:5%">
<div class="modal-content" style="width: 145%">
<div class="modal-body">
<img src="assets/img/i2c_address/stick_compare.jpg" data-no-zoom>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
Reference in New Issue View Git Blame Copy Permalink