Tab5 Home Assistant HMI

This example shows Tab5 configured as a Home Assistant touchscreen panel. Tab5 uses an LVGL interface to read Home Assistant entity states and control entities such as lights and climate devices.

1. Application

2. Complete Configuration

The Tab5 HMI configuration includes the main configuration, LVGL interface, and interaction scripts. Import the complete configuration with packages:

packages:
  remote_package_files:
    url: https://github.com/m5stack/esphome-yaml
    files: [common/tab5-ha-hmi.yaml]
    ref: main
    refresh: 1d

Complete YAML files and their dependencies:

• Complete Tab5 Home Assistant HMI Configuration
• Tab5 LVGL Interface Configuration
• Tab5 Interaction Script Configuration

Before using the configuration, enter the actual network credentials in the YAML wifi section. For device configuration, validation, and deployment, see ESPHome Quick Start.

3. Usage

Add the Device

1. After the device connects to the network, click Add in the Home Assistant discovery prompt to complete the ESPHome integration.

2. After the device is added, view environmental data and Home Assistant entity states on Tab5.

Authorize Entity Actions

Tab5 must be authorized to perform Home Assistant actions before it can control entities such as lights and climate devices.

1. Open Settings in Home Assistant and view the ESPHome integration notification.

2. Open the notification details.

3. Go to Settings -> Devices & services -> ESPHome, locate Tab5, open its settings, and enable Allow the device to perform Home Assistant actions.

4. Click Submit to save the authorization.

Control Entities

1. Open the Light page from the sidebar to toggle lights, adjust brightness, and change RGB colors.

2. Open the Climate page from the sidebar to adjust the target temperature, operating mode, and fan speed.

4. Related Links

• Unit ENV-Pro ESPHome Component
• Unit NeoHEX ESPHome Component
• ESPHome LVGL
• ESPHome Climate IR

5. Related Video