Drag Config Editor

ESPHome UI Builder

Edit the compact UI spec visually and generate final ESPHome YAML locally in the browser. Keep UI work here, not in device driver code.

Config

Model & Resolution Rotation Swipe Direction Screen Background

#F3EFE7

Current Screen Screen Name

Preview

480 x 320 Canvas

Ready

Drag the widget body to move it. Drag the bottom-right handle to resize width and height.

Inspector

Select a widget on the canvas or from the list.

Type

Theme

Properties

Entity ID Title

Position and Size

X Y Width Height

Entities

Import / Export

Spec YAML

Supports the current spec shape: entities[].entityid/type/props.

Build

Final ESPHome YAML

Not generated yet.