Every Build Environment includes a comprehensive set of example applications that demonstrate different features, capabilities, and best practices. These examples serve multiple purposes: they help verify your toolchain installation, provide starting points for your own projects, and showcase various aspects of GUI development with Embedded Wizard.

These fundamental examples are included in almost all Build Environments and serve as your starting point for development and system verification.

HelloWorld example - the simplest starting point for verifying your toolchain.

A very simple project that is useful as a starting point and to verify that the entire toolchain, your installation and your board are properly working. This is typically the first example you should try when setting up a new Build Environment.

ColorFormats example demonstrating support for different color formats.

This project demonstrates that every UI application can be generated for different color formats. Depending on your target platform, the example supports various formats such as RGBA8888, RGB888, RGB565, RGBA4444, Index8, and LumA44. Use this example to:

For background information about color formats and their impact on memory usage, see Memory Footprint and Performance Optimization Guide.

ScreenOrientation example showing orientation independence.

This demo shows that the orientation of the UI application is independent from the physical orientation of the display. The example contains simple animations to verify system tick functionality and can be used for touch calibration and coordinate verification. Key features:

For more information about display and touch integration, see Framebuffer Concepts and Custom Hardware Integration.

DeviceIntegration example demonstrating hardware integration patterns.

This example shows the integration of devices into a UI application and addresses typical questions:

The example includes actual device driver implementations (C/H files) that demonstrate best practices for hardware abstraction and GUI-device communication. For comprehensive information about device integration patterns, see Device Class and Device Driver.

These sophisticated examples demonstrate complete application implementations with complex user interfaces, advanced graphics features, and real-world use cases.

GraphicsAccelerator example for performance testing and benchmarking.

This application demonstrates the graphics performance of the target by using sets of basic drawing operations that are executed permanently and continuously. The example allows you to:

For detailed information about graphics performance optimization, see Performance Optimization Guide and Memory Footprint.

BrickGame implementing a classic paddle and ball game.

The sample application BrickGame implements a classic "paddle and ball" game. In the game, a couple of brick rows are arranged in the upper part of the screen. A ball travels across the screen, bouncing off the top and side walls of the screen. When a brick is hit, the ball bounces away and the brick is destroyed. The player has a movable paddle to bounce the ball upward, keeping it in play. This example demonstrates:

This example serves as a good introduction to implementing interactive applications with real-time updates. For information about handling user input, see Main Loop.

BezierClock example with animated vector graphics.

The sample application BezierClock implements a fancy digital clock and timer application with animated digits. The application uses vector graphics to render dynamically the different digits for clock and timer. The change from one digit to another is handled by moving the vector points to get a smooth transition animation. This example demonstrates:

The implementation showcases the usage of Filled Path views and demonstrates advanced animation techniques.

AnimatedWatch example with 3D transformations and animations.

The sample application AnimatedWatch implements a 3D animation with different clock faces. This demo makes intensive usage of the Warp3D functionality and demonstrates:

The example showcases advanced usage of Warp Image and demonstrates how to create realistic 3D effects.

StarField simulation demonstrating 3D space rendering.

This simulation application implements a star field animation (space flight) with a variable number of images within the 3D space. The user can configure the eye distance and the animation speed. This demo makes intensive usage of the Warp3D functionality and showcases:

For details about 3D transformation capabilities, see Warp Image views.

Dashboard example showing automotive instrumentation.

The sample application Dashboard shows the implementation of a car dashboard. The application demonstrates the usage of vector graphics created from SVG path data and how transitions between two dashboard variants and further UI components can be achieved. Features include:

This example demonstrates how to import and use SVG graphics. For information about working with vector graphics, see Filled Path and Stroked Path views.

ClimateCabinet control panel implementation.

The ClimateCabinet demo shows the implementation of a control panel for a climatic exposure test cabinet. The user can define a heating time, a nominal temperature and humidity, a dwell time and the final cooling time. This example demonstrates:

PaperCutter machine control interface.

This demo shows the implementation of a paper cutting machine, where the user can define the pagination and format of the paper as well as the cutting speed and the amount of papers. The application contains many rect effects and fade-in/fade-out effects to change dynamically the layout of the screen. Key aspects:

WashingMachine interface with scrollable program selection.

This demo shows the implementation of a washing machine with a couple of fancy scrollable list widgets to choose the washing program and parameters. The speciality of this sample application is the magnification effect of the centered list items and the soft fade-in/fade-out effects. Features:

SmartThermostat with rotatable temperature control.

The SmartThermostat demo application shows the implementation of a fancy, rotatable temperature controller to adjust and display the nominal and actual temperature. This example demonstrates:

PatientMonitor displaying real-time medical data.

This application displays continuously measured data in an overwriting data recorder (such as an oscilloscope). The data graphs of the (simulated) measured values and the dialogs for user settings are presented in a modern, clean medical style. Dialogs are using blur filters to show the content behind them with a glass effect. Key features:

PulseOximeter showing vital signs monitoring.

The sample application PulseOximeter shows the implementation of a medical device for monitoring a person's pulse frequency and peripheral oxygen saturation. The application demonstrates the usage of vector graphics within graphs and circular gauges. This example showcases:

WaveformGenerator demonstrating dynamic curve rendering.

This WaveformGenerator demo application combines waveforms with different amplitudes and frequencies. The implementation shows the usage of vector graphics to draw a curve based on a list of coordinates. Key features:

For more information about vector graphics, see Filled Path and Stroked Path views.

ChartsDemo demonstrating various chart types.

This application demonstrates the possibilities and the usage of the chart classes LineChart, BarChart and PieChart. The appearance of each chart diagram can be configured easily by using their corresponding properties. Additionally, this demo shows the usage of an outline box to manage scrollable content. Features:

AnimatedList with magnification effects and smooth scrolling.

This demo shows the implementation of some fancy scrollable list widgets to set a time and a day of the week. The speciality of this sample application is the magnification effect of the centered list items and the soft fade-in/fade-out effects. Key features:

AnalogWatches with rotating clock hands.

This application contains a set of analog watches with rotating clock hands. The example demonstrates:

ChargingStation implementing an EV charging station interface.

The sample application ChargingStation implements a user interface for an EV charging station. The user can switch between multiple GUI states such as an info screen, chart animation, and payment request. A dedicated focus of this demo application lies on the usage of path objects and SVG strings. Many components and visual elements are realized by computing SVG strings rather than using bitmaps. This is an efficient way of element drawing on storage restricted targets. Key features:

For additional details on utilizing the path data object, see Path Data.

FitnessTracker showing fitness goals and history.

This project implements a simple fitness tracker application that shows fitness parameters for stand time (in min), for workout (in kJ) and for move activities (in steps). The fitness goals of the actual day can be defined by the user. All fitness values of the past 30 days are shown within a history list. This example demonstrates:

Toaster example demonstrating minimum footprint GUI design.

The sample application Toaster implements a user interface for a simple toaster device. The user can switch between multiple GUI states such as a welcome screen, type selection, intensity level etc. This example demonstrates:

To build and run any example:

All examples are fully documented inline and can serve as templates for your own applications:

Not all examples are available on all platforms. The availability depends on:

Check your Build Environment's \Examples folder to see which examples are provided for your specific target platform.