Build next-generation UIs with the HTML-in-Canvas API @ChromeDevs
Build next-generation UIs with the HTML-in-Canvas API  @ChromeDevs
Uploaded May 2026 | Updated September 2026, 2 weeks ago
Learn how the HTML-in-Canvas API lets you draw HTML elements directly into a canvas while maintaining semantic information like accessibility and interactivity. then explore how to manipulate textures to create dynamic effects that still feel like interactive websites. We will cover the extensive capabilities of this API, review demonstrations of potential use cases, and understand the initial setup process.

Resources:
https://goo.gle/HIC-how-to
https://goo.gle/HIC-threejs
https://goo.gle/HIC-threejs-example
https://goo.gle/HIC-playcanvas
https://goo.gle/HIC-playcanvas-example
https://goo.gle/HIC-playcanvas-shoe
https://goo.gle/HIC-explainer
https://goo.gle/HIC-MWG
https://goo.gle/HIC-samples
https://goo.gle/awesome-HIC
https://goo.gle/hic-central

Speakers: Thomas Nattestad

Watch the Chrome sessions from Google I/O 2026 → https://goo.gle/Chrome-at-IO2026

Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs


#GoogleIO


Event: Google I/O 2026

Products Mentioned: Web, Chrome, Design
Build next-generation UIs with the HTML-in-Canvas APIDOM State-Preserving Move #CSSWrapped 2025It doesn’t need to be a chatbot: Unlocking the product value of smaller AI modelsIntroducing Google Chrome Built-in AI Challenge 2025Running Googles Gemma LLMs in the browser with MediaPipe WebChrome 108 - What’s New in DevToolsTransition away from third-party cookies with CHIPSPixel Pirate: Interactive DevTools demoChrome DevTools 145+: stop guessing SPA performanceAuthentication in 2026: A guide to passkeys, digital credentials and more (I/O Connect ‘26)Build a Chrome Extension with Antigravity: A 30-second timerAnswering your questions about Chrome Web Store discoverability
Chrome for Developers |

Build next-generation UIs with the HTML-in-Canvas API

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER