Browser Hub Demo
OffscreenCanvas
OffscreenCanvas is the bridge between browser-native editors and serious production UX: expensive render work can happen in a worker while the interface stays usable.
Background rendering
What this unlocks
Move canvas drawing work away from the main UI thread so previews, thumbnails, and visual processing can stay responsive. Supported in modern Chromium and Firefox contexts, with varying support across canvas modes and Safari versions. Unsupported browsers should use a normal main-thread canvas fallback.
Use cases
Real product scenarios
These are the kinds of workflows where the API earns its complexity.
Generate thumbnails and previews for Production Studio without blocking the UI.
OffscreenCanvas helps when the browser needs to move beyond plain navigation and forms.
Render World Studio minimaps, object previews, or export frames in a worker.
OffscreenCanvas helps when the browser needs to move beyond plain navigation and forms.
Run local image transforms while keeping interaction smooth.
OffscreenCanvas helps when the browser needs to move beyond plain navigation and forms.
Shipping notes
Progressive enhancement rules
Browser capability work is product design work. Support levels, permissions, secure context requirements, and fallback behavior matter as much as the demo itself.
Keep worker jobs bounded, cancelable, and easy to terminate.
Supported in modern Chromium and Firefox contexts, with varying support across canvas modes and Safari versions. Unsupported browsers should use a normal main-thread canvas fallback.
Use main-thread Canvas fallback when OffscreenCanvas or worker transfer is unavailable.
Supported in modern Chromium and Firefox contexts, with varying support across canvas modes and Safari versions. Unsupported browsers should use a normal main-thread canvas fallback.
Avoid starting heavy rendering automatically on page load.
Supported in modern Chromium and Firefox contexts, with varying support across canvas modes and Safari versions. Unsupported browsers should use a normal main-thread canvas fallback.
More demos
Related browser capabilities
Continue through the hub to see how other modern APIs can reshape UX, device integration, and workflow design.
Browser-native media
WebCodecs API
Access low-level browser video and audio encoding, decoding, and frame processing primitives without round-tripping every asset through a server.
Open WebCodecs APIGPU-accelerated production
WebGPU API
Use the browser’s modern GPU pipeline for heavier visual computation, rendering, and media effects without installing native software.
Open WebGPU API