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.

"Examples for download in Welcome mode"

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.

Available under certain Qt licenses.
Find out more.