ESPHome_UI_Designer

ESPHome_UI_Designer is a fully browser-based ESPHome YAML editor for building OpenNextion screens with a visual layout workflow, LVGL-style preview, and browser-side YAML generation.

Use it to:

• Design screen layouts directly in the browser
• Preview an interface that stays close to the final LVGL/ESPHome output
• Generate YAML that can be used with ESPHome

Supported hardware

Model	Display	Processor	Purchase
ONX3248G035 (Open Nextion Genius Series)	3.5-inch, 320 × 480 capacitive touchscreen	ESP32-S3	ITEAD official store
ONX2432G028 (Open Nextion Genius Series)	2.8-inch, 240 × 320 capacitive touchscreen	ESP32-S3	ITEAD official store

Preview

Demo

Supported components

• switch / multi_switch
• thermo_hygrometer
• cover
• light
• hmi_screen_brightness
• More components still in development......

Examples

Quickstart

Read the step-by-step setup guide:

• QUICKSTART.md

If you prefer Chinese:

• README_cn.md

Online demo

https://opennextion.github.io/OpenNextion-Example-ESPHome_UI_Designer/