These demos showcase different complex use-cases for building UIs with Slint.

Thumbnail	Description	Demo
Printer UI	A fictional user interface for the touch screen of a printer. Project...	Wasm Demo
Energy Meter	A fictional user interface of a device that monitors energy consumption in a building. Project...	Wasm Demo
Weather	A simple, cross-platform (Desktop, Android, Wasm) weather application using real weather data from the OpenWeather API. Project...	Wasm Demo

You can run the examples either by going into folder or into the rust sub-folder and use cargo run, for example:

cd demos/printerdemo/rust
cargo run --release

or you can run them from anywhere in the Cargo workspace by name:

cargo run --release --bin printerdemo

In order to make the wasm build of the example, you first need to edit the Cargo.toml files to uncomment the line starting with #wasm# (or use the sed line bellow) You can then use wasm-pack (which you may need to obtain with cargo install wasm-pack). This will generate the wasm in the ./pkg directory, which the index.html file will open. Since wasm files cannot be served from file:// URL, you need to open a wab server to serve the content

cd demos/printerdemo/rust
sed -i "s/^#wasm# //" Cargo.toml
wasm-pack build --release --target web
python3 -m http.server

• When compiling Slint from sources: If you follow the C++ build instructions, this will build the C++ examples as well by default
• From installed binary packages: Simply run cmake in one of the example directory containing a CMakeLists.txt

mkdir build && cd build
cmake -GNinja -DCMAKE_PREFIX_PATH="<path to installed>" ..
cmake --build .

You can run the examples by going into the node sub-folder and use pnpm, for example:

cd demos/printerdemo/node
pnpm install
pnpm start