Build next-generation UIs with the HTML-in-Canvas API // TRAIN BRAIN

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

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

Chrome for Developers

Making the web more awesome....

Build your website for the agentic era

Supercharge your AI coding workflow with Chrome DevTools for agents

What's new in Web UI

Build new features using built-in AI in Chrome

Break boundaries with Gemini in Chrome DevTools

Elevate the Chrome Extensions developer experience

What's new in Angular

Unlock modern web capabilities in your AI coding workflows

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

Modernize authentication with passkeys, digital credentials, and more

Vibe design to build incredible web UI

What's new in Chrome

Register for #GoogleIO today and unpack all the news our team is bringing to build a better web

How to test web platforms with Chrome Dev

Build an expert LLM judge

Dont mind Oliver, he's just getting ready for #GoogleIO

How to track browser feature changes

Deprecation: what it means for web features

Translator API: on-device translation made easy

Build your AI testing pipeline

What is Chrome's feature removal process

What is browser feature removal

Align and test your LLM judge

WebMCP: teach Agents to browse your site

What is the Chrome DevTools MCP server

Building an extension in Antigravity in 6 minutes

Build a Basic LLM Judge

How Chrome deprecates and removes features

The essentials of HTTP cookie attributes

Design your AI evals

How to set up the Chrome DevTools MCP server

Your mental model for AI testing: evals, LLM judges, and test layering

What are evals and how they help test AI features

3 things you didn’t know about the Prompt API

Meet our team's MVP lineup

Chrome DevTools 145+: stop guessing SPA performance

How to use the DevTools MCP server for AI debugging #DevToolsTips

Extension Update Testing Tool in action

How to know if permissions are safe to request in your Chrome Extension

AI experimentation in Chrome Extensions

Scala.js to Wasm—Exploring the Wasm backend for Scala.js with Sébastien Doeraene

Everything that happened with Chrome Extensions in 2025

Customizable select #CSSWrapped 2025

Request conditions

Create Carousels with a few lines of CSS

DOM State-Preserving Move #CSSWrapped 2025

What’s new in DevTools 142 - 144

Custom functions #CSSWrapped 2025

Acting rapidly on your feedback

Invoker Commands #CSSWrapped 2025

Choosing an AI model for your project

Create Scroll-Triggered Animations with CSS

Can you make a cross-browser Chrome Extension?

Keep API keys safe in the server

How can you keep API keys safe in a Chrome Extension?

Re-imagine the web with Scoped View Transitions

Why ratings are important in the Chrome Web Store

Built-in AI in the wild: A Mastodon translation success story

Web AI on the IDE

Offline vector search with SQLite and EmbeddingGemma

Mind-controlled drones with Web AI & TensorFlow

Accelerating human-centered AI + XR innovation with XR Blocks

It doesn’t need to be a chatbot: Unlocking the product value of smaller AI models

Running Google's Gemma LLMs in the browser with MediaPipe Web

Let’s fix airplanes with CSS #DevToolsTips

Kotlin/Wasm with Zalim Bashorov - WasmAssembly Podcast

Answering your questions about Chrome Web Store discoverability

Where are passkeys stored?

Built-in AI: The next frontier for web experiences presented by Miravia

Real-time video upscaling using CNNs and WebGPU

Bangle.js - an Open Source Smartwatch

InferenceJS: Real-time computer vision in your browser

LiteRT.js, Google’s high performance WebAI runtime

Transformers.js: Building Next-Generation WebAI Applications

Web AI leaps forward on Intel AI PCs

What if you lose the device with a passkey?

Hangar CSS debugging #DevToolsTips

How biometrics relate to passkeys

Are passkeys based on biometrics?

Wasm, WebGPU, & WebNN: How compute abstraction are enabling client side AI