Flashing the Firmware
Flashing happens in two phases: a first one-time flash over USB to get the device online, then the Superhome configuration installed wirelessly.
Steps
1. Install ESPHome in Home Assistant
Settings → Apps → Install app → search ESPHome Device Builder → Install → Start.
2. First flash over USB (ESPHome Web)
This first flash is done from your computer over USB, not from the machine running Home Assistant.
The web flasher only works in Google Chrome. Connect the ESP32 display via USB to the computer where you open Chrome, not to the HAOS machine.
- Open the ESPHome dashboard and click New Device.
- On the page that opens, click Open ESPHome Web, then Connect.
- Select the display from the serial-port list, then choose Prepare for first use and let it install.
- Follow the prompts to connect the device to your WiFi. Use the same network that Home Assistant runs on.
3. Adopt the device in ESPHome
Go back to the ESPHome Builder in Home Assistant. A banner appears at the top saying a new device was discovered.
- Click Show, then Take control, and give it any name you like.
- Install the configuration ESPHome proposes.
- Wait until the logs show the device connected to your network and the line
Boot seems successful; resetting boot loop counter.
4. Apply the Superhome configuration
- In the ESPHome Builder, click Edit on the device and replace the content with the YAML from
esphome-gesture-display.ymlin the Superhome repository. Keep the WiFi credentials and the API encryption key that ESPHome set up for this device (the YAML references them through secrets). - For stability and fewer connection errors, we recommend setting a static IP in the
manual_ipblock of the YAML. If you'd rather use DHCP, remove themanual_ipblock instead. - Click Save, then Install → Wirelessly.
- This takes a while. When it finishes, the device reconnects and the logs again show
Boot seems successful; resetting boot loop counter. You can then click Stop. This only closes the log window; it does not stop the display.
5. Add to Home Assistant
In Home Assistant → Settings → Devices, the display is discovered automatically. Add it. To confirm it works, open the device and toggle its backlight entity: the screen should turn on and off.
6. Place the display
Unplug the display from your computer, put it wherever you want, and power it over USB-C. It reconnects to WiFi on its own and starts subscribing to the sensor.superhome_* sensors.