ESPConfig Designer – open-source visual editor for ESPHome configurations

ESPHome
, , , ,
1

Title: ESPConfig Designer – open-source visual editor for ESPHome configs

Hi everyone,

I’d like to share my new open-source project: ESPConfig Designer.

It is a visual editor for creating, organizing, validating, compiling, and installing ESPHome configurations. The goal is simple: make ESPHome projects easier to build without having to write YAML manually from scratch.

builder-overview
builder-overview1920×1080 238 KB

GitHub repository:

I also made a full step-by-step video tutorial where I walk through the whole project, show how it works, and explain the main features:

Watch the tutorial here:

If you want to quickly understand what ESPConfig Designer does before installing it, the video is probably the best place to start.

Some of the current features:

  • visual Builder based on JSON schemas
  • live YAML preview
  • project dashboard with folders and device status badges
  • ESPHome validate / clean / compile / OTA / logs workflow
  • Display Configurator for display-based projects
  • Asset Manager for images, fonts, and audio
  • secrets editor
  • Home Assistant add-on installation
  • Docker Standalone mode

display-configurator
display-configurator1920×1080 409 KB

asset-manager
asset-manager1920×1080 231 KB

dashboard-overview
dashboard-overview1920×1080 114 KB

ESPConfig Designer is not a replacement for ESPHome. It generates standard ESPHome YAML and uses ESPHome tooling underneath, so you can still inspect, copy, edit, and use the generated configuration in the normal ESPHome workflow.

The project is still young, so feedback, ideas, and bug reports are very welcome. If you find any issues, please report them on GitHub so I can track and fix them properly.

Thanks, and I hope it will be useful to some of you!

2

HI I have installed this and it looks great but for some reason when in the display editor i cannot see any entities - have i missed something ??

Screenshot
Screenshot298×137 12.2 KB

3

Paste the full YAML code you generated. It can be just the “User Components.”

For Display Configurator to detect any sensors, you need to assign them IDs. In ESPHome, communication between components always happens through IDs.

4

Приветствую! Идея очень хороша! Но в моём случае HA работает на S905 и ESPHome Bulder я использую на ПК. Подскажите возможна установка на компьютер? Спасибо в принципе за вашу работу! Очень красиво.

5

Hey, thanks!

You can absolutely use ECD on a PC.
You can easily run it in Docker. I added instructions in the GitHub README on how to set it up.
But I’m guessing that since you already have Builder on your PC, you probably know how to do it even without the instructions :slight_smile:

6

Понял, спасибо. Только Builder у меня без Docker. Он установлен прямо на Python через: pip3 install wheel
pip3 install esphome
с доступом через [ESPHome ABC](http://IP ABC:6052/)