Getting started with anyui-LIVE is straightforward. The workflow below guides you from creating a project through to downloading 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.

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
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

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. Generate the code

• Download the generated code once your design is complete

Workflow summary