ESP-GenUI

Home Build Guides Troubleshooting FAQ Contact Login / Sign Up
About ESP-GenUI

Diagram it. Generate the firmware.

ESP-GenUI is a visual builder for the interfaces of ESP32 microcontrollers: a web page the board serves to a browser, the free ESP-GenUI phone app over Bluetooth, or a screen wired to the board itself. You sketch the structure of your device's UI as a diagram, then generate complete, ready-to-flash firmware — no hand-writing route handlers, HTML strings or drawing code in C++.

What ESP-GenUI is

Building a UI on an ESP32 usually means writing every route, every chunk of HTML, every bit of styling, or every pixel of a screen layout by hand inside your firmware — tedious work that pulls you away from the actual device behavior. ESP-GenUI replaces that with a canvas: drag modules such as pages, cards, gauges, forms, and toggles onto the diagram, wire them together, preview the result, and generate the code.

The same diagram can become a web page, a Bluetooth interface the phone app draws with native widgets, or pages on the board's own screen — or any of those side by side. The output is a normal project you own — an Arduino sketch or an ESP-IDF source folder with the interface, styling, and callback stubs already wired together. You can download it and keep editing in the Arduino IDE, VS Code, or PlatformIO, or compile and flash it to a connected board straight from the browser.

Who it's for

Makers, prototypers, and embedded developers who want a good-looking, functional control panel on their ESP32 without becoming a front-end or graphics expert. Whether you're wiring up a sensor dashboard, a relay controller, an LED-strip driver, a desk clock with its own screen, or an onboarding flow for a new device, ESP-GenUI gives you the scaffold so you can focus on the hardware logic.

What you can build

  • Pages, cards, tabs, columns, and modals for laying out a control panel
  • Forms, buttons, sliders, steppers, toggles, selects, and color pickers
  • Gauges, charts, tables, status LEDs, badges, alerts, and a live log console
  • Custom pictures that follow your sensors live, drawn by AI from a sentence or by your own code
  • The board's own screen — Cheap Yellow Display, Waveshare, M5Stack Core2 and M5Paper boards, SSD1306 OLEDs, and ILI9341/ST7789/GC9A01/ST77916 TFTs, with touch
  • A phone-app interface over Bluetooth, read by the free ESP-GenUI Android app
  • Hardware I/O — GPIO, PWM, ADC, servos, NeoPixel/WS2812 strips, and DHT11/DHT22/BME280/SHT31 temperature, humidity and pressure sensors
  • Connectivity — Wi-Fi setup flows, MQTT, WebSocket, mDNS, webhooks, and an HTTP Basic-Auth gate
  • A live camera feed, an NTP clock, a scheduler, file managers, and OTA firmware upload

See the FAQ for the details of how generation, editing, and flashing work.

Who makes it

ESP-GenUI is built and operated by G9Six, LLC. It is under active development — see the demos and build logs below, or reach us any time through the Contact page.

Watch it in action

See the ESP-GenUI workflow and project direction. Our YouTube channel is a good place to catch demos, walkthroughs, and updates as new embedded UI features land.

Hackaday.io project page

Follow the ESP-GenUI project on Hackaday.io for build logs, project context, and external updates.

Open Hackaday.io
Hackaday article

Hackaday covered ESP-GenUI in “A GUI Solution for ESP32 Web Development” — an outside look at what the tool does and why it exists.

Read the article