ESP32 visual + code development

ForgeUI Studio · ESP-IDF · LVGL 9

Visual LVGL UI development for ESP32

Design it. Connect it. Run it in real LVGL.

ForgeUI Studio is a visual LVGL UI builder for ESP32. Connect supported controls in the Inspector, run generated C with real LVGL 9.2.2 in your browser, then export or Build & Flash supported hardware.

Free for home & personal use. Business and commercial use is licensed separately. Supported browser and WebSerial-compatible hardware are required for device connection.

ForgeUI Hosted Studio · Browser workspace
Design · Code · Device Console
ForgeUI Hosted Studio browser workspace for ESP32 visual and code development

ForgeUI brings visual embedded UI and HMI development to ESP32, including supported ESP32-P4 and ESP32-S3 hardware. ForgeUI Hosted Studio turns LVGL 9 designs into native LVGL C for browser simulation, ESP-IDF builds and browser flashing where supported. You can also export a standalone ESP-IDF firmware project and continue development with your own toolchain.

LVGL Simulator · Live in Hosted Studio

Real LVGL. Right in your browser.

Run your generated LVGL interface before connecting the board. ForgeUI compiles generated C with real LVGL 9.2.2 to WebAssembly, so you can inspect native controls and navigation with browser pointer interaction.

Design

Drag and drop on a board-aware canvas. Edit properties in the Inspector, apply themes, palettes, backgrounds and assets, then save your Hosted project.

Bind & Simulate

Connect supported controls in the Inspector without hand-writing callback plumbing, then interact with the generated interface in real LVGL.

Build & Flash

Build ESP-IDF firmware and flash a supported ESP32 board using browser Web Serial. Verify hardware behaviour on the physical target.

Hosted Sim runs generated, data-only display projects and preserves saved firmware hardware settings. Developer-owned Hybrid C, hardware services and application logic run through exported firmware or Build & Flash on the target. Generated component setters connect sensors, CAN, UART, ADC and application state to the UI.

Design · Bind · Simulate

No callback plumbing. Just connect it.

Connect a supported Slider to an RPM Gauge from the Inspector, then drag the real LVGL Slider in the browser. The generated binding updates the gauge value and needle live.

For sensors, ADC, CAN, UART and application state, generated component setters provide the bridge from developer-owned application code into the interface.

Real LVGL 9.2.2Generated CWebAssembly
Explore the Simulator workflow →
Visual Slider → Gauge binding running in the ForgeUI LVGL browser Simulator. Playback is user-controlled and the 72-second video is not downloaded until requested.

One connected browser workflow

From interface geometry to live device output.

Display projects use the complete path. Headless projects start in Code and use the same build, flash and Serial pipeline.

  1. 01Design
  2. 02Simulate LVGL
  3. 03Build & Flash

Display: Design → Simulate LVGL → Build & Flash → Real hardware

Headless: Code → Build → Flash → Serial

Visual design + real source

Design the interface without giving up the firmware.

Board-aware visual design

Drag and drop onto a board-sized Canvas, adjust geometry and appearance in the Inspector, fit or zoom, then check the result in Browser Preview. Generate native LVGL 9 instead of rebuilding the interface by hand in C.

  • Native + premium widgets
  • Editable properties
  • Premium RPM Gauge + Speedometer
  • Target-display geometry

Dashboard Card, Sensor Tile, Relay Panel, PWM Controller, Setpoint Feedback, Trend Chart, Trend Chart Pro, Alarm Panel, IO Monitor, Battery Card, Tank Level Card, Network Status, Device Summary, KPI and Power Flow.

Explore native and dashboard components →UI Library →

Real ESP-IDF code workspace

Work with an actual file tree, multiple tabs and editable user-owned C source. Generated files stay protected; Rewind, compiler Problems and diagnostic-to-source navigation keep changes understandable.

ForgeUI Code workspace showing ESP-IDF C source, a file tree and multiple editor tabs
ForgeUI Hybrid

Visual components. Editable application behaviour.

Drop an RPM Gauge, let ForgeUI generate its firmware API, then write the behaviour in user-owned code. Build, flash and watch the physical gauge respond—without editing the generated UI layer.

Connect 95_UserEvents.c hooks and runtime setters →

DROP RPM GAUGE → GENERATED API → USER CODE → BUILD → FLASH → MOVING PHYSICAL GAUGE

ForgeUI visual workspace connecting generated LVGL components to editable application code

Live Examples Library

20 examples. Real editable source.

Search by category, understand board compatibility, hardware requirements, dependencies, provenance and licensing, then choose Use Example to start from the source.

The expanded ESP-IDF example set is currently focused primarily on the ESP32-S3 Super Mini; not every example targets every supported board.

Getting Started
GPIO
FreeRTOS
Timers
Storage
System
Wi-Fi
Networking
Power
ForgeUI Hybrid

Hosted ESP-IDF 5.5.4

Build, connect, verify, flash and monitor.

Compile generated UI and user code without maintaining a local toolchain. ForgeUI handles dependencies, returns verified firmware artifacts and maps compiler diagnostics into Problems. A successful build remains available even if device connection fails.

Browser flash

BUILD → CONNECT → DETECT CHIP → VERIFY FIRMWARE → FLASH → RESET

Supported ESP32-S3 and ESP32-P4 profiles require a compatible desktop browser, WebSerial and supported hardware.

Live Serial

Move directly from flashing to live application output through the shared device session, with auto-scroll and a bounded output buffer.

ForgeUI browser Serial monitor displaying live ESP32 application output

Proven on physical hardware

More than a mock-up or code-generation concept.

Physically proven

ESP32-S3 Super Mini

Headless

Code/example → Hosted Build → Flash → Serial → real output

Physically proven

Waveshare ESP32-S3 Touch LCD 7B

1024 × 600

Hybrid Design + Code → moving physical RPM gauge

Physically proven

Waveshare ESP32-P4 WiFi6 Touch LCD 7B

1024 × 600

Mature Hybrid build, flash and display workflow

Physically proven

Guition JC8012P4A1C

800 × 1280 portrait

Proven platform, build, flash and display workflows

Experimental registered profiles

Experimental: ESP32-S3 DevKitC-1 N16R8 · HW678 ESP32-S3 / SPARKE XH-S3E. Capabilities vary by profile; registration does not imply identical peripheral or display support.

Review supported hardware →

Optional AI Layout Generator

A faster, board-aware visual starting point.

Generate structured, board-aware and palette/appearance-aware layouts constrained to supported components. ForgeUI validates geometry and repairs supported layout issues before you continue editing on the Canvas. Review generated results; automatic asset selection and complex-prompt results still have limits.

ForgeUI AI Layout Generator creating a structured board-aware starting layout

Questions

ForgeUI Studio FAQ

What is ForgeUI Studio?+

A browser-based visual and code development platform for supported ESP32 projects using ESP-IDF and LVGL.

Does ForgeUI generate LVGL code?+

Yes. ForgeUI generates native LVGL 9 interface code and a real firmware API from visual designs.

Can I edit ESP-IDF code in ForgeUI?+

Yes. The Code workspace edits real ESP-IDF C source while protecting Studio-managed generated files from accidental changes.

Do I need ESP-IDF installed locally?+

Not for Hosted builds. ForgeUI Hosted Studio currently builds with ESP-IDF 5.5.4. Exported projects can also be developed locally.

Can ForgeUI flash ESP32 from the browser?+

Yes, for supported ESP32-S3 and ESP32-P4 targets in a compatible desktop browser using WebSerial.

Can I build headless ESP32 projects?+

Yes. Headless projects use Code → Build → Flash → Serial without the visual Design step.

Does ForgeUI include examples?+

Yes. The live library contains 20 searchable, categorized and board-aware examples. The expanded ESP-IDF set is currently focused primarily on ESP32-S3 Super Mini.

Can I simulate the generated UI?+

Yes. Hosted LVGL Simulator runs generated C with real LVGL 9.2.2 in WebAssembly, including native pointer interaction. Sim V1 covers UI behaviour; hardware services and custom C require target firmware.

Do I need to disable firmware settings for Sim?+

No. Simulation uses a separate UI-only generation profile and preserves your saved hardware settings for Build & Flash.

Open source + Hosted

Choose the development path that fits.

Public ForgeUI Studio and shared modules are open source under their applicable licences. ForgeUI Hosted provides the managed build and commercial service infrastructure. Third-party dependencies and examples retain their own licences and notices.

See the repository and website terms and notices for the applicable boundaries. Join the Facebook Community for projects and discussion.

View Open-Source Project (opens in a new tab)

ForgeUI Studio

Try ForgeUI Studio free.

Hosted Studio is free for personal and non-commercial use, with no time limit. Business / commercial use requires a Business licence. AI generation uses separate AI Credits.