# Lopaka

> Lopaka is a browser-based graphics editor for designing embedded UIs and generating source code for display libraries used in embedded systems (Arduino, ESP32, RP2040, Flipper Zero, and more).

Lopaka.app lets you visually design pixel-accurate screens on a virtual display, then export ready-to-paste C, C++, Python, or YAML code targeting the display library of your choice. No manual coordinate math, no asset conversion tools — draw it, copy the code, flash it.

## Docs

- [Getting Started](https://lopaka.app/pages/docs/getting-started): Sign in, create a project, pick a platform and display size, open the editor.
- [Editor Overview](https://lopaka.app/pages/docs/editor-overview): Canvas, layers panel, inspector, code panel, toolbar tools, and drawing interactions.
- [Platforms](https://lopaka.app/pages/docs/platforms): Supported target libraries — U8g2, TFT_eSPI, AdafruitGFX, ArduinoGFX, LVGL, Flipper Zero/One, ESPHome, MicroPython, CircuitPython, GxEPD2, Free Drawing — with color models, font formats, and available tools per platform.
- [Fonts](https://lopaka.app/pages/docs/fonts): BDF, GFX, and TTF/OTF font formats by platform; importing custom fonts; the font wizard; what ends up in generated code.
- [Code Generation](https://lopaka.app/pages/docs/code-generation): How the code block is built, wrapper functions, layer names, variables, code settings, exporting, and importing existing source code back into the editor.
- [Importing Images](https://lopaka.app/pages/docs/importing-images): PNG/BMP upload, built-in icon packs, raw byte array paste, bitmap conversion.
- [Keyboard Shortcuts](https://lopaka.app/pages/docs/keyboard-shortcuts): Full shortcut reference for tools, selection, zoom, and layer operations.
- [Subscription Plans](https://lopaka.app/pages/docs/pricing/): Free vs paid plan comparison, feature limits.
- [ESPHome Guide](https://lopaka.app/pages/docs/guides/esphome): Step-by-step from Lopaka design to ESPHome YAML configuration.

## Full content

- [llms-full.txt](https://lopaka.app/llms-full.txt): All documentation in a single plain-text file — optimized for LLM context.

## Optional

- [Blog](https://lopaka.app/pages/): Product updates, changelogs, and development diaries.
- [Gallery](https://lopaka.app/gallery): Community-shared embedded UI designs.
- [GitHub](https://github.com/sbrin/lopaka): Open-source repository.