QML Examples and Demos

Qt includes a set of examples and demos that show how to use various aspects of QML. The examples are small demonstrations of particular QML components, while the demos contain more complete and functional applications.

To run the examples and demos, open them in Qt Creator or use the included QML Viewer tool. The QML Viewer can be run from the command line:

qmlviewer $QTDIR/demos/declarative/samegame/samegame.qml

On Mac OS X, you can run the included "QMLViewer" application from the Finder, or use the command line:

QMLViewer.app/Contents/MacOS/QMLViewer $QTDIR/demos/declarative/samegame/samegame.qml


The QML demos integrate a variety of features to demonstrate how QML can be used to produce sophisticated interfaces and applications:

The demos can be found in Qt's demos/declarative directory.


The QML examples are small, simple applications that show how to use a particular QML component or feature. If you are new to QML, you may also find the Hello World and Same Game tutorials useful.

The examples can be found in Qt's examples/declarative directory.


Image Elements

Text Elements


Key Interaction

Touch Interaction

UI Components


Models and Views


Internationalization (i18n)

Right-to-left User Interfaces


Screen Orientation

SQL Local Storage

C++ Extensions


© 2016 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.