Getting started with anyui-LIVE is straightforward. The workflow below guides you from creating a project through to exporting the generated code.

Overview

anyui-LIVE is an intuitive, user-friendly tool for building LVGL-based user interfaces. The entire process requires no prior specialized knowledge, and each step is designed to be self-explanatory.

You can use anyui-LIVE in the browser, or install the desktop app to export generated code straight into a local project folder and build the simulator without a terminal.

Workflow

Follow these steps to create your project and generate the code.

1. Create a project

1. Visit the anyui-LIVE Workspace
2. Create a new project by configuring the following settings:
   • Name – the name of your project
   • Description – a brief description of your project
   • Display size – the target screen resolution
   • Color depth – the bit depth for your display
   • Target LVGL version – the LVGL version your UI will target
   • Project path – desktop app only: the folder generated code exports into
3. After confirming your project settings, you'll be directed to the project editor interface

2. Design your UI

• Create widgets using either click-based placement or drag-and-drop functionality
• Customize widget appearance by modifying its properties and styles
• Configure interactive behavior by adding event handlers
• Use the inspector's History tab whenever you want to review or return to an earlier state

3. Preview and refine

• Use the preview feature to verify both visual appearance and interactive behavior
• Refine your design through iterative adjustments and previews as needed

4. Save and generate the code

• Press Save in the toolbar (or Ctrl+S) once your design is complete. With Auto Save on, the editor saves shortly after each edit.
• Use Export to regenerate the source bundle. The web app downloads a ZIP archive; the desktop app writes the files into the project's export folder.
• In the desktop app, Build and run compiles the exported code and launches the simulator, with the build log in the bottom panel.

Workflow summary