Learn by Examples

Explore interactive tutorials and hands-on examples to master LVGL Pro Editor features from Hello World to advanced animations.

Start with hands-on practice using our comprehensive tutorial collection. Create a working project from any example straight inside the Editor, test it live, and explore the source to understand how it's built.

Learn by Examples in the Editor

The quickest way to start is the Learn by Examples button on the Editor's launch screen. When you create a new project, click Learn by Examples to browse a catalog of 100+ ready-to-run examples and tutorials from a simple Hello World to animations, data binding, and translations.

The Start panel on the Editor's launch screen with Open UI Project and Learn by Examples buttons
The Learn by Examples button on the Editor's launch screen

Try Examples Online

Use the LVGL Viewer to run any tutorial directly in your browser and see live results instantly.

Last updated on

Introduction

LVGL Pro is a complete toolkit to build, test, share, and ship embedded UIs efficiently with XML editor, online share, CLI, and Figma plugin.

UI Elements

Complete reference for all UI elements, components, widgets, and features available in LVGL Pro Editor.

On this page

Learn by Examples in the EditorTry Examples Online