Independent C++ applications

Examples you can run, inspect, and extend.

Each preview is a separate WebAssembly application with its own URL and Runtime. Nothing is eagerly mounted as a hidden multi-demo bundle.

State and scope

Counter

Two independently scoped counters demonstrate natural State reads, mutation operators, and local recomposition.

Open example

Responsive workspace

UI Gallery

Controlled inputs, TextField validation, layout, motion, themes, and responsive drawer composition.

Open example

Identity and events

Controlled collection

Insert, remove, and reorder application-owned data while stable keys preserve each item's local state.

Open example

Scrolling

ScrollView

Programmatic scrolling, live metrics, horizontal content, nested containers, and boundary handoff.

Open example

Large collections

VirtualList

A variable-height list with 10,000 keyed items, retained item state, and direct scroll-to-item control.

Open example

Adaptive virtualization

VirtualGrid

An adaptive 10,000-item grid with spans, fixed row extents, and stateful visible cells.

Open example

Async lifetime

Structured tasks

TaskScope, cancellation, lifecycle dependencies, delays, and UI-thread State updates in one component flow.

Open example

Platform service

HTTP

Launch an HTTPS request, separate transport failures from response status, and cancel work with component lifetime.

Open example

Storage and pickers

Files

Application directories, asynchronous local file operations, external file references, open, and save workflows.

Open example

Setup and cleanup

Lifecycle effects

Dependency-aware setup, deterministic cleanup, component unmount, and an observable lifecycle event log.

Open example

Activation and sessions

Application lifecycle

Startup activation, later URL or file activation, foreground state, and asynchronous text-file preview policy.

Open example

Retained graphics

Canvas

Tabbed effects using paths, transforms, clipping, shadows, and retained animation.

Open example

Controlled navigation

Tabs

Theme-driven tab policies, disabled destinations, and responsive viewport behavior.

Open example

Pages and typed routes

Navigation

Factory stacks, typed paths, nested navigation, transitions, and browser URL history.

Open example

Material and Flat

Themes

Theme inheritance, component styles, nested overrides, text fields, and interaction states.

Open example

Typed assets

Images and resources

Density-aware raster images, compiled SVG vectors, localized strings, and raw resources.

Open example

Window-level layers

Presentation

Toast, Dialog, BottomSheet, Popup, Menu, anchored surfaces, and declarative presentation.

Open example