• olimex all fun projects at Olimex Ltd Home About Tips Making self hosted web user interface for BME280 temperature, humidity and pressure sensor for ESP32-POE, ESP32-C6-DevKit-Lipo and ESP32-C3-Devkit-Lipo with ESPUI 10Feb20261 Comment byOLIMEX Ltdinesp32,IoT,open sourceTags:esp32,espui,interface,iot,self,server,ui When building an ESP32 project controlled through a self-hosted web interface, one of the most boring and repetitive tasks is creating the user interface. • Several projects aim to simplify this process. • One popular option isESP-DASH, but the open version is quite limited, and the Pro version-required for practical use-is paid. • Fortunately, there are several open-source alternatives. • Our preferred choice isESPUI. • It is a completely open-source library that allows you to create a web-based user interface for projects using the ESP8266 or ESP32.ESPUIuses WebSockets and enables you to create and update GUI elements across multiple devices, such as phones and tablets.

Article Summaries:

  • The article discusses simplifying the creation of self‑hosted web interfaces for ESP32 projects that monitor BME280 temperature, humidity, and pressure sensors. It highlights the difficulty of building UIs from scratch and reviews alternatives such as ESP‑DASH, noting its limited free version and paid Pro tier. The author recommends ESPUI, an open‑source library that uses WebSockets and Arduino‑style syntax to create and update GUI elements across devices. ESPUI supports buttons, switches, sliders, text inputs, and more, all within a single .ino file. The author demonstrates ESPUI on ESP32‑POE, ESP32‑C6‑DevKit‑Lipo, and ESP32‑C3‑DevKit‑Lipo boards, automatically detecting the target board and configuring ports, and shows the resulting web interface.

Sources: