Latest Arduino Library Version:

Latest Espressif Component Version:

ESP-UI

• 中文版本

Overview

esp-ui is a UI runtime framework based on LVGL, designed to provide a consistent UI development experience for screens of various sizes and shapes. The framework integrates a range of standardized system UIs and application management mechanisms, allowing users to flexibly modify styles, add or remove application UIs, significantly improving the development efficiency of HMI products, and accelerating product development and time-to-market.

Key features include:

• Developed in C++, it can be compiled for PC or ESP SoCs platforms and supports VSCode, ESP-IDF, and Arduino development environments.
• Offers a rich set of standardized system UIs with support for dynamic UI style adjustments.
• Implements an app-based application management approach, ensuring UI isolation and coexistence across multiple apps, enabling users to focus on UI implementation within their target app.
• Application UIs are compatible with "Squareline exported code" development methods.

The system UI functionality demonstration is as follows:

ESP32-P4-Function-EV-Board running system UI - Phone (Click to view the video)

The functional block diagram of esp-ui is as follows, mainly consisting of the following components:

• System UI Core: Implements the unified core logic of all system UIs, including app management, stylesheet management, event management, etc.
• System UI Widgets: Encapsulates common widgets for system UIs, including status bar, navigation bar, gesture, etc.
• System UIs: Implements various types of system UIs based on "System UI Core" and "System UI Widgets".
• Squareline: Contains multiple versions of ui_helpers files exported from "Squareline Studio" to avoid function name conflicts when used across multiple apps.
• Fonts: Contains the default fonts used by the system UIs.

Usage

Please refer to the documentation - How to Use.

System UIs

Currently, esp-ui offers the following system UIs:

• Phone

System UI Widgets

Please refer to the documentation - System UI Widgets.