- Qt Design Studio Manual
- Examples
- Qt Design Studio Manual 2.3.1

Concepts and Terms ◦ Wireframing

# Examples

Qt Design Studio comes with a set of example projects. To see these, select Examples on the Welcome page when you run Qt Design Studio.

To run an example project:

1. Select the example.
2. Select the (Show Live Preview) button to preview the example.

Some of the example projects require that you download them before you can run them, to do this:

1. Select an example.
2. Select Start Download.
3. Select the folder where the source files will be installed.
4. Select Continue to install the files.
5. Select Open to open the example in Qt Design Studio.

## Example Documentation

Coffee Machine | Illustrates how to use the timeline and states to animate transitions in a UI.
E-Bike Design | Illustrates how to use the timeline and states to animate transitions in an application.
Optimal 3D Scene | Contains project files for the Optimal 3D Scene.
Progress Bar | Illustrates how to use timelines to create an animated progress bar.
Side Menu | Illustrates how to create reusable components and an animated menu for applying 2D visual effects in Qt 5 projects.
Simple Keyboard | Illustrates how to use a virtual keyboard in an application.
Washing Machine UI | Illustrates how to create a UI that can be run both on the desktop and on MCUs.
Webinar Demo | Contains sources for the From Photoshop to Prototype video tutorial.

Concepts and Terms ◦ Wireframing