Everything from a static panel to a full interactive UI

Basic box model

Padding, margin, and absolute positioning, mapped to lv_obj_set_size() / lv_obj_set_pos().

Full Flexbox & Grid mapping

display: flex and CSS Grid translated to lv_obj_set_flex_flow() / lv_obj_set_flex_align().

Solid colors, borders, radii

The essentials for a static panel or dashboard layout.

Gradients, opacity, shadows, rotation

Box shadows, alpha blending, and transforms carried through to LVGL styling.

Built-in font set

Montserrat, sizes 12–48, no conversion step required.

Image-to-C conversion

<img> tags and background-image become lv_img_dsc_t arrays — RGB565, ARGB8888, or PNG.

Custom font conversion

Bring your own TTF, WOFF, or Google Font and get back an LVGL font struct.

Asset optimization

Automatic size/format tuning on top of image conversion for production builds.

Static UI

Exactly what you designed, rendered — no interaction states.

CSS pseudo-states

:hover and :active map to LV_STATE_PRESSED.

Custom event handlers

:disabled and :focus map to LV_STATE_DISABLED / LV_STATE_FOCUSED, with empty C callback stubs generated via lv_obj_add_event_cb().

C / C++

Native source, structured the way you would write it by hand.

MicroPython & LVGL XML

One-click toggle between all three output formats from the same design.

Web app UI

Every tier converts through the same browser-based tool.

VS Code extension sync

Stream converted code straight into your local PlatformIO or ESP-IDF workspace on save.

Headless CLI

Convert HTML component libraries to LVGL code as a step in your CI/CD pipeline.

Multi-screen management

Convert multi-page web prototypes into multi-screen LVGL scene logic.