DisplayKit - TFT_eSPI + U8g2 UI Builder

TFT_eSPI · 240x320 px Multi-screen · Drag to position · Click to edit

Drag to move ⌘ / Ctrl + Z to undo Export JSON for versioning

GitHub Patreon

Zoom

Project

Project settings live here (screens, display, scene, grid).

Display

Width

Height

Driver

TFT Display Settings

Rotation

Color Depth

Backlight Control

Touch Support

OLED Display Settings

U8g2 Display Model

Rotation

Contrast (0-255) 127

Flip Mode

Font Rendering

Power Save Mode

Screens

Current screen

Function name

Scene

Background

Grid & Snap

Snap to grid

Grid size (px)

Use sprite (TFT_eSprite) for screens

Selected Element

No element selected

Type

Text

Text size (TFT)

Font

Value / Level (0–100)

Colors

Fill

Stroke

Text

Fill Transparency 100%

On click

Target screen

Icon tint Enable

Tint

Tip: in OLED mode, tint helps icons match the cyan display style.

Align to screen

Generated Code (TFT_eSPI / U8g2)