ESPHome LVGL Designer

Free

by espboards.dev

Visual drag-and-drop designer for building ESP32 user interfaces with ESPHome and LVGL - no code required.

Open Designer Get Started

See It In Action

Designs created with this tool running on actual ESP32 devices:

Design in Editor

Running on ESP32

View full design showcase

Component Library

Browse, customize, and import ready-made UI components.

Key Features

Visual Designer

Drag-and-drop interface to create complex UI layouts without coding.

Widget Library

Comprehensive set of LVGL widgets including buttons, sliders, gauges, and more.

YAML Export

Generate YAML configuration ready for ESPHome integration.

Live Preview

Interactive preview mode to test your UI layouts in real-time.

Save & Load

Save your projects locally and import existing YAML configurations.

Dark/Light Theme

Comfortable design with support for both dark and light modes.

What is LVGL?

LVGL is a free and open-source embedded graphics library with a wide range of UI widgets, themes, and responsive design capabilities for devices with limited resources. Learn more at lvgl.io

ESPHome LVGL Docs

Component documentation

Widgets Reference

All available widgets

System Requirements

Modern web browser (Chrome, Firefox, Safari, Edge)
ESP32 device with ESPHome and LVGL support
Basic understanding of ESPHome configuration

Getting Help

User Guide FAQ Report Issues Troubleshooting

Enjoying the designer?

Your support helps keep this project free and actively maintained.