pdf-icon

UIFlow Guide

UIFlow 1.0 Quick Start

1. UIFlow Web IDE 1.0

UIFlow 1.0 Blockly

Event

Event

Unit

Unit TMOS
Unit JoyStick2
Unit TimerPWR
Unit DMX
Unit Puzzle
Unit CO2
Unit CO2L
Unit CardKB
Unit ENV
Unit ToF
Unit ToF4M
UnitV/M5StickV V-Function
Unit RFID2
Unit Ultrasonic
Unit Sonic IO
Unit 8Angle
Unit 2Relay
Unit 4Relay
Unit 8encoder
Unit 8servo
Unit Accel
Unit ACSSR
Unit AC Measure
Unit AC Socket
Unit ADC
Unit ADC V1.1
Unit Ain4 20ma
Unit Ameter
Unit Angle
Unit BLDC Driver
Unit BPS
Unit BPS V1.1
Unit Button
Unit Buzzer
Unit CAN
Unit Catm
Unit Catm GNSS
Unit Color
Unit DAC
Unit DAC2
Unit DCSSR
Unit DDS
Unit Digi Clock
Unit Dlight
Unit Dual Button
Unit Earth
Unit Encoder
Unit Env Pro
Unit Ext Encoder
Unit Ext IO
Unit Ext IO2
Unit Fader
Unit Fan
Unit Finger
Unit Flash Light
Unit Gesture
Unit Glass
Unit Glass2
Unit GPS
Unit Grove2grove
Unit Hall
Unit Hbridge
Unit Heart
Unit Id
Unit IMU
Unit IMU Pro
Unit IR
Unit ISO RS485
Unit Joystick
Unit Key
Unit Kmeter
Unit Kmeter Iso
Unit Laser Rx
Unit Laser Tx
Unit LCD
Unit Light
Unit Limit
Unit LoRaWAN 470
Unit LoRaWAN 868
Unit LoRaWAN 915
Unit LoRa E220
Unit LoRa E220 433
Unit Makey
Unit Microphone
Unit Mini CAN
Unit Mini OLED
Unit Mini Scales
Unit MQTT
Unit NB IoT
Unit NB IoT2
Unit NCIR
Unit NCIR2
Unit Neco
Unit OLED
Unit OP 90 180
Unit Pahub
Unit Pbhub
Unit PIR
Unit PoESP32
Unit QRCode
Unit Reflective IR
Unit Relay
Unit RF433-R
Unit RF433-T
Unit RGB
Unit RGB LED
Unit Roller 485
Unit RS485
Unit RTC
Unit Scales
Unit Servo
Unit SSR
Unit Synth
Unit Thermal
Unit Thermal2
Unit Trace
Unit Tube Pressure
Unit TVOC eCO2
Unit UHF RFID
Unit UWB
Unit Vibrator
Unit Vmeter
Unit Watering
Unit Weight
Unit Weight I2c
Unit Zigbee
Blockly Custom

UIFlow 1.0 Project

UIFlow 1.0 File Manger

UIFlow 2.0 Quick Start

1. UIFlow Web IDE 2.0

UIFlow 2.0 Blockly

UIFlow 2.0 API Docs

UIFlow 2.0 Project

Import & Export Project
Device Share
Project Zone
File Manager

M5Burner

M5Burner Install
Firmware Export
Firmware Publish

Desktop IDE

UIFlow 1.x Desktop IDE
1. UIFlow Web IDE 2.0
step_run
3. Blockly & API Learning
step_next

Quick Start Guide for UIFlow2.0 Web IDE

UIFlow 2 is a graphical programming IDE that is easy for everyone to use, with wireless/wired program push, program click and run, and no need to compile repeatedly. It supports 100+ M5 hardware peripherals and sensors, and supports one-click addition and expansion, effectively helping product prototype construction and speeding up the development process to the final product. In this tutorial, we will show you how to burn the UIFlow 2.x version firmware on your M5Stack device and use the UIFlow Web IDE for secondary development of the product.

1.Getting Started

Before programming with UIFlow, there are a few preparation steps:

  • 1.Install the M5Burner firmware burning tool.
  • 2.Use M5Burner to burn the firmware for the corresponding device, log in to your account, and configure Wi-Fi connection for the device.
  • 3.Open the UIFlow Web IDE 2.0 version , select the appropriate online device option, and click to connect.
  • 4.Drag and drop blocks to edit the program, and click the Run button to debug the program.
  • Additional Information:
    • M5Burner is a unified firmware burning tool introduced by M5Stack. It allows users to easily burn UIFlow firmware and write configuration information such as Wi-Fi settings during the burning process.

2.Installing M5Burner

Please click on the appropriate button below based on your operating system to download the corresponding M5Burner firmware burning tool. Unzip and open the application.

Software Version Download Link
M5Burner_Windows Download
M5Burner_MacOS Download
M5Burner_Linux Download

3.M5Stack Community Account

The M5Stack Community is a professional communication platform tailored by the M5Stack team for enthusiasts of M5Stack devices and IoT developers.

Register an M5Stack Community account, which can also be used to log in to M5Burner and UIFlow 2.0 / UIFlow 1.0. You can also access the login page in M5Burner software, UIFlow 2.0 / 1.0 software, or the web version and click the "Register" button to register for an M5Stack Community account.

After using M5Burner to burn firmware information, the device's unique MAC address will be bound to the M5Stack Community account. When a user logs into UIFlow 1.0/2.0 with their M5Stack Community account, they can view all the devices currently bound to their account by clicking the device management button.

Note:
If the device is not unbound from the original device owner, other users who try to burn new programs will not be able to sever the MAC address's relationship with the original device owner. They will need to notify the original device owner to unbind it before they can burn new user information and bind it to their own account.

If a user wishes to unbind a device from their account and rebind it again:

  • 1.Re-burn the UIFlow 1.0/2.0 firmware (this will unbind the device from the original device owner and remove any existing account bindings. If the device is still bound, the user will need to contact the original device owner to unbind it).
  • 2.View the device's MAC address and bind the device through the UIFlow 1.0/2.0 device interface by filling in the MAC address (this method can be used if the original device owner is the current user).

4.Firmware Burning & Running Programs

Refer to the programming tutorial for the corresponding product and upload the program.

Chip Product Name Learn
ESP32-S3 M5CoreS3 Programming Tutorial
ESP32-S3 M5Dial Programming Tutorial
ESP32-s3 M5Dinmeter Programming Tutorial
ESP32-S3 AtomS3U Programming Tutorial
ESP32-S3 AtomS3/AtomS3Lite Programming Tutorial
ESP32-S3 AirQ Programming Tutorial
ESP32-s3 StampS3 Programming Tutorial
ESP32-S3 CardPuter Programming Tutorial
ESP32-S3 AtomS3 Programming Tutorial
ESP32 M5CoreInk Programming Tutorial
ESP32 M5Tough Programming Tutorial
ESP32 M5Paper Programming Tutorial
ESP32 M5Station Programming Tutorial
ESP32 Capsule Programming Tutorial
ESP32 Fire Programming Tutorial
ESP32 Atom Lite Programming Tutorial
ESP32 AtomU Programming Tutorial
ESP32 M5StickC/M5StickCPlus/M5StickCPlus2 Programming Tutorial
ESP32 Atom Matrix Programming Tutorial
ESP32 M5Core Programming Tutorial
ESP32 M5Core2 Programming Tutorial
ESP32 Stamp Pico Programming Tutorial
On This Page