Flexbox to Firmware, Simplified.

Design at web speed with HTML & CSS, then export native, production-ready LVGL C++ and MicroPython code for ESP32, STM32, and Arduino displays.

card.html

<div class="card">
  <p>Water level</p>
  <button>Refill</button>
</div>

.card {
  display: flex;
  flex-direction: column;
}

Water level

lv_obj_t · ESP32

Design

Build the UI in HTML & CSS

Use the layout tools you already know — flexbox, grid, and familiar box-model styling — instead of hand-writing LVGL object trees.

Preview

Check the result against your target screen's resolution and DPI before you export anything.

Export

Export to C/C++, MicroPython, or LVGL XML — ready to drop into an ESP32, STM32, or Arduino project.