Stream: wasi-gfx

Topic: Demo: Running egui via WASI WebGPU in the browser

ktz_alias (Feb 17 2026 at 11:23):

Hi! Sharing a small demo project using wasi:webgpu from a JS host (FYI).

Repository: https://github.com/ritalin/egui-wasi-webgpu-demo
Online demo: https://ritalin.github.io/egui-wasi-webgpu-demo/

WASM is transpiled to JavaScript using @bytecodealliance/jco
Tested on Chrome 145 on MacOS Ventura.

What this demo shows

• UI layout is computed inside WASM using egui
• The resulting paint commands are rendered via wasi:webgpu
• A minimal JS host implementation (npm package) of wasi:webgpu is provided
• Instead of using wasi:graphics-context, the host:
  • wraps a native GPUDevice
  • exposes it to the component as a resource
  • passes it directly into WASM

Pipeline:
egui (WASM layout) -> paint commands -> wasi:webgpu calls -> JS shim -> real WebGPU

Limitations

• The wasi:webgpu JS shim only implements the minimal subset required for this demo.
• Passing host-created resources into the component currently requires a cast like:

as unknown as RenderContext

This appears to be due to TypeScript type incompatibilities between generated bindings and host shim types.
Hope this is useful as a reference for a JS-hosted wasi:webgpu workflow.

Ralph (Feb 17 2026 at 15:03):

fun!!!!

Last updated: Feb 24 2026 at 04:36 UTC