TWITTER · INSTAGRAM · YOUTUBE · WEBSITE

🎨 DisplayKit

DisplayKit is a modern web-based drag-and-drop UI designer for embedded display development.
Design screens visually → export clean Arduino code → flash to ESP32, ESP8266, STM32, Arduino, RP2040, and more.

🚀 Features

🖥 Multi-Screen UI Builder

• Create unlimited screens (Home, Settings, About…)
• Auto-generates drawScreenName() functions
• Visual screen switching system

🧱 Drag-and-Drop Elements

• Rect, RoundRect, Circle
• Labels, Buttons, Headers
• Cards, Dividers
• Progress Bars, Sliders, Toggles
• Images (PNG/JPG → RGB565 or monochrome)

🖼 Image Engine

• Upload PNG/JPG
• Auto-converts to RGB565 for TFT_eSPI
• Auto-converts to monochrome bitmap for U8g2
• Stores as PROGMEM arrays
• Real preview inside editor

🔠 Full Font Support

TFT_eSPI

• Text size control
• Text color, stroke, fill

U8g2

• Complete font selector (hundreds of fonts)
• Auto-generates correct u8g2.setFont() code

🧰 Editor Tools

• Undo / Redo
• Duplicate element
• Align (Left, Right, Center, Top…)
• Snap-to-grid
• Zoom 50–200%
• JSON project import/export

⚙ Code Output

TFT_eSPI Mode:

• fillRect, drawRoundRect, drawString
• pushImage() for bitmaps
• Optional TFT_eSprite rendering

U8g2 Mode:

• drawBox, drawRBox, drawDisc
• Monochrome bitmaps
• Full font rendering

🔌 Actions & Navigation

• Buttons can “Go to Screen”
• Generates logic-ready comments for touch input

 

🛠 Compatibility

Display Library	Status	Notes
TFT_eSPI	✅ Full	RGB565, sprites, images, colors
U8g2	✅ Full	Monochrome + full font system
Adafruit_GFX	⚠ Planned	Not implemented yet

 

🤝 Contribute

Want to help make DisplayKit better?

• Submit bug reports
• Suggest new features
• Improve documentation
• Contribute code or UI elements
• Star ⭐ and share the project

Every contribution helps. Thank you! ❤️