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

Chrome for Developers · Intermediate ·🖌️ UI/UX Design ·1h ago
Skills: UI Design90%
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
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

Add Your Own Component to Bombie in 5 Edits
Learn to add custom components to Bombie in 5 easy steps, enhancing your UI/UX design skills
Dev.to · Amith Moorkoth
Why I Got Tired of Class-Heavy UI Code and Started Building Around Attributes
Learn how to simplify UI code by using attributes instead of class-heavy approaches and improve your frontend development workflow
Dev.to · Drew Marshall
How to Start with React Flow and Build an Advanced Workflow Builder Step by Step
Learn to build an advanced workflow builder with React Flow, a library for creating visual workflow editors, and improve user experience in SaaS products
Dev.to · Azim-Ahmed
The Product Designer job description is shifting. Here’s what we’re seeing from the hiring side.
The Product Designer job description is evolving, with new expectations and skills required, and it's crucial to understand these changes for career growth and effective hiring
Medium · UX Design
Up next
React Native - Complete Guide + E-Commerce + Interview Q&A
Coursera
Watch →