• Developers
  • Learning Hub
    • Learning Hub Developers Price. Buy. Download. Try.

    Qt WebAssembly Demos & Examples

     

     Download Qt

    WebAssembly

    WebAssembly is a bytecode representation that is meant to be targeted by high-level programming languages such as C++ and to be executed inside a virtual machine in a browser. From Qt's perspective, WebAssembly is just another target platform. Starting with Qt 6.4, it is an officially supported target platform for selected, relevant modules. You can download the binary builds on Linux, macOS and Windows host platforms and build your Qt applications to be run inside a web browser. Below are some examples and demos that we have prepared to show Qt running in a browser. More examples will be added here later.

    WebAssembly support in browsers is evolving rapidly. We currently recommend using Chrome or Firefox for the best possible experience.

    Demos & Examples

    Please note, we are currently experiencing technical difficulties that are causing the following demos to not run correctly in certain browsers. 
    Industrial Panel

    Industrial Panel Demo - Originally made to show various use cases of Qt running on low-powered embedded hardware. This demonstrates how the same UIs could also be accessed through a web browser with no need for any changes to the code.

     Industrial Panel Demo
    Slate

    Slate - A sprite drawing app that demonstrates a full "main window" style application with menus and toolbars as well as save and load functionality.

     Slate Demo
    Pizza Shop

    Pizza Shop - Demonstration of a web app for ordering pizzas.

     Pizza Shop Demo
    Qt Quick Controls 2 Gallery

    Qt Quick Controls 2 Gallery - Example of different component types in Qt Quick Controls 2.

     Qt Quick Control 2 demo
    QML Chart

    QML Chart - Basic example of different chart types in QML API of Qt Charts.

     QML Chart Demo
    Chart Themes

    Chart Themes - Demonstrates the look and feel of different built-in Qt Charts themes.

     Chart Themes demo
    Sensor Tag

    Sensor Tag Demo - "Internet of things" demo which visualizes sensor data from a Texas Instruments SensorTag device, transmitted over web sockets. Can also be run with mock up data. Note that since this has been designed to work with a minimum screen size in mind, it may not look good on small screens or with smaller windows.

     Sensor tag demo
    Hello Window

    Hello Window - Example of how to incorporate raw OpenGL drawing in a Qt application.

     Hello Window Demo
    Qt Digital Advertisement Demo

    The app demonstrates capabilities of QtDigitalAdvertisement plugin which displays multiple ads in a loop.

     Qt Digital Advertisement Demo

    For more information

    For more information about Qt support for WebAssembly, please visit the documentation.
    Download Qt
    G2 Leader Fall 2024 Logo
    Contact Us

    Qt Group includes The Qt Company Oy and its global subsidiaries and affiliates.