ESPHome LVGL Designer
FreeVisual drag-and-drop designer for building ESP32 touchscreen interfaces with ESPHome and LVGL - no code required.
Getting Started - flash your first ESP32 UI
Install ESPHome, flash your device, merge a design, connect Home Assistant.
See It In Action
Designs running on actual ESP32 hardware
Design in Editor
Running on ESP32
Recommended Hardware
Boards we use and ship tested ESPHome configs for.
Cheap Yellow Display (CYD)
~$12ESP32 + 2.8" TFT + touch. No wiring. Under $10.
WT32-SC01 Plus
~$20ESP32-S3 + 3.5" capacitive touch. USB-C. ~$20.
Waveshare ESP32-P4-WIFI6 Touch-LCD-4B
~$55ESP32-P4 + 4" 720×720 MIPI-DSI + GT911 capacitive touch. WiFi 6 via ESP32-C6 co-processor.
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
System Requirements
Getting Help
Enjoying the designer?
Support this project by grabbing a component pack - it keeps development going!