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 project to open it. Qt Design Studio makes all necessary downloads.
  2. Select (Run) to run the example.

If there is an update available for an example project that you have installed, it is indicated by a yellow icon next to the example project name on the Welcome page. Select the icon to download the latest version of the example project.

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.

Fresnel Example

Illustrates how to work with the fresnel effect.

Material Bundle

Showcases the materials in Content Library and the real-time rendering capabilities of Qt Design Studio.

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.