Visually Design Your Microcontroller Display Layouts

The ESP32 Display Simulator is a powerful desktop tool to design custom screens for your ESP32, Arduino, or other microcontrollers with graphic displays. Get instant Adafruit GFX compatible C++ code as you design!

↓ *SIMULATE NOW* (Windows .exe) View on GitHub

Latest Version: v1.0.0 (Windows .exe)
Requires Windows 10/11.
All Releases & Source Code

What is the ESP32 Display Simulator?

Developing user interfaces for small monochrome or color displays on microcontrollers can be tedious. You typically have to guess pixel coordinates, compile, upload, and then tweak values in a loop. The ESP32 Display Simulator streamlines this process by providing a live, interactive canvas.

You can drag, drop, and resize elements just like in a graphic editor. In real-time, the application generates the exact Adafruit GFX compatible C++ code you need, ready to be pasted into your Arduino IDE or PlatformIO project.

Key Features

Interactive Design Canvas

Visually place and manipulate rectangles, circles, and text elements directly on a simulated display canvas. See your design come to life instantly.

Live Code Generation

As you design, the application automatically generates Adafruit GFX compatible C++ code for your display, including display.setCursor(), display.print(), display.drawRect(), and display.drawCircle().

Customizable Displays

Choose from common display presets like OLED 128x64 or define custom width and height to match your specific hardware.

Drag, Move & Delete

Move elements precisely by dragging them. Select an element and press the 'Delete' key to remove it from the canvas and the generated code.

Basic Rotation Indication

Use arrow keys to visually suggest rotation for shapes. While Adafruit GFX doesn't directly support rotated primitives, the simulator provides a visual cue and notes it in the generated code.

Easy Code Integration

Copy the generated C++ code directly into your Arduino sketch's setup() function, saving countless hours of trial and error.

Generated Code Example

Here's a snippet of what the simulator generates:


#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#define SCREEN_WIDTH 128
#define SCREEN_HEIGHT 64

Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire);

void setup() {
  display.clearDisplay();
  display.setTextColor(WHITE);
  display.setCursor(8, 8); display.print("Hello Simulator");
  display.drawRect(10, 25, 70, 40, WHITE);
  display.drawCircle(100, 30, 15, WHITE);
  display.display();
}

void loop() {
  // Your main loop code here
}

(Note: Actual generated code depends on your design.)