← WebGL UI

WebGPU

The same ink, written in WGSL and drawn with WebGPU, no library needed. Where WebGPU is missing, each effect falls back to its GLSL twin on WebGL2; with neither, the elements are native.

Ink in WGSL

A fragment function in WGSL, run by WebGPU on the renderer's canvas. The details, its keyboard and its open attribute are native as always.

Fallback

Without navigator.gpu or an adapter, the same element animates with the GLSL version of the effect.

WebGPU popover

The sheet is painted by a WGSL veil, behind the content.

WebGPU dialog

The sheet appears from nothing, drawn by WebGPU.