# Chrome HTML-in-Canvas API development

> Developing situation record from CLSTR: https://clstr.news/situations/chrome-html-in-canvas-api-development
> Updated: 2026-10-29T00:00:00.000Z. Sources: 2. Developments: 2.

The HTML-in-Canvas API transitioned from an experimental feature to a stable release in Google Chrome. Initially, the technology required users to manually enable the ‘canvas-draw-element’ flag to allow real-time DOM layout within a canvas, enabling interactive elements like selectable text and clickable links alongside high-performance WebGPU and WebGL effects. This experimental phase saw the launch of Canvas UI, an open-source component library utilizing the API to provide various visual effects.

With the release of Chrome 157, the HTML-in-Canvas API reached stable status. This update allows developers to integrate interactive DOM elements directly within 2D, WebGL, and WebGPU canvas contexts, bridging the gap between GPU-accelerated graphics and standard HTML accessibility. Alongside this API stabilization, Chrome also introduced capabilities to report web vitals for soft navigations, improving performance measurement for single-page applications.

## Timeline

### 2026-10-29: Google Chrome introduces HTML-in-Canvas API and soft navigation web vitals

Chrome 157 introduces the HTML-in-Canvas API for interactive graphics and begins reporting web vitals for soft navigations in single-page applications.

2 sources. https://clstr.news/cluster/google-chrome-introduces-html-in-canvas-api-and-soft-navigation-web-vitals

### 2026-10-06: Canvas UI launches open-source component library using HTML-in-Canvas API

David Haz has launched Canvas UI, an open-source library using the experimental HTML-in-Canvas API to bring interactive WebGPU and WebGL effects to real DOM content in Chrome.

2 sources. https://clstr.news/cluster/canvas-ui-launches-open-source-component-library-using-html-in-canvas-api

---
Cite as: Chrome HTML-in-Canvas API development. CLSTR, https://clstr.news/situations/chrome-html-in-canvas-api-development
