Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Interactive 3D UIs just got a major upgrade. 🌐 With HTML-in-Canvas, you can interact with text, sliders, and DevTools directly inside a texture with seamless, real-time updates. 🔗 Experience the full session here:

Google for Developers

2,578,633 subscribers

14,814 views • 4 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

2 Comments

intern4 months ago

HTML is still very important And this just proves it

S M I D_official4 months ago

I'd love to learn how I can participate in startup programs, founder community, or newsletter. I'm building ideas with real-world impact and believe I have something valuable to contribute. Any guidance would be appreciated. [email protected]

Related Videos

It's happening... Google DeepMind is about to drop Genie 3 This AI can generate interactive 3D worlds with just text... And you can interact with objects in real time 🤯

It's happening... Google DeepMind is about to drop Genie 3 This AI can generate interactive 3D worlds with just text... And you can interact with objects in real time 🤯

Min Choi

728,283 views • 9 months ago

wtf.. this is mindblowing.. GoogleDeepMind just dropped Genie 3 you can generate interactive 3D world with text, navigate with keys and.. interact in real time.. AI is crazy 10 examples: 1. navigate to a car and open the door.. omg

wtf.. this is mindblowing.. GoogleDeepMind just dropped Genie 3 you can generate interactive 3D world with text, navigate with keys and.. interact in real time.. AI is crazy 10 examples: 1. navigate to a car and open the door.. omg

el.cine

1,451,191 views • 1 year ago

Plus up your furniture with 3D-printed accessories using Gemini 4 Argon. Upload a pic with rough measurements, and use Canvas in Gemini to build an interactive 3D CAD studio where you can explore styles, tweak live sliders, and export printable STLs to upgrade your space.

Plus up your furniture with 3D-printed accessories using Gemini 4 Argon. Upload a pic with rough measurements, and use Canvas in Gemini to build an interactive 3D CAD studio where you can explore styles, tweak live sliders, and export printable STLs to upgrade your space.

Google Gemini

682,095 views • 12 days ago

Just open-sourced a weird Three.js experiment 👀 Tiltshift-in-HTML It combines HTML-in-canvas with Three.js to let UI exist directly inside 3D scenes and react to a tilt-shift effect. Demo:

Just open-sourced a weird Three.js experiment 👀 Tiltshift-in-HTML It combines HTML-in-canvas with Three.js to let UI exist directly inside 3D scenes and react to a tilt-shift effect. Demo:

Yassine Bouanane

18,570 views • 1 month ago

UI debugging just got a serious upgrade. ⬆️ The new DevTools Inspector is now enabled by default in Flutter 3.29. It comes with a condensed widget tree, automatic updates with hot-reload, and a more performant log viewing experience with richer metadata.

UI debugging just got a serious upgrade. ⬆️ The new DevTools Inspector is now enabled by default in Flutter 3.29. It comes with a condensed widget tree, automatic updates with hot-reload, and a more performant log viewing experience with richer metadata.

Flutter

20,767 views • 1 year ago

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

415,283 views • 1 year ago

Designing with Claude Code just got a lot easier: we’re releasing Agentation 2.0! Agents can now directly interact with your design annotations in real time. Give it a spin

Designing with Claude Code just got a lot easier: we’re releasing Agentation 2.0! Agents can now directly interact with your design annotations in real time. Give it a spin

Dennis Jin

195,201 views • 8 months ago

🚀 PixVerse just launched Interactive Live Avatars — and it’s insane! Now you can create your own AI avatar and interact with it in real time. Not just a video… a fully live, responsive experience. Here’s how it works 🧵 #PixVerseR1 PixVerse

Riya Ai

30,866 views • 6 months ago

this is the craziest AI we have now Google’s Genie 3 can generate any interactive 3D world, you can literally walk around in it and interact with things.. example 1: step inside an old painting or a real location and explore it…

this is the craziest AI we have now Google’s Genie 3 can generate any interactive 3D world, you can literally walk around in it and interact with things.. example 1: step inside an old painting or a real location and explore it…

el.cine

238,212 views • 1 year ago

$Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.$

Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.

How To Prompt

237,936 views • 3 months ago

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.

Fernando Serboncini

682,632 views • 2 years ago

From 48 World Cup nations to an interactive 3D flower world. Tripo turns each nation into photorealistic 3D flowers, each designed with its own form, color palette, material texture, and cultural reference, and brings them into an interactive experience with GPT-5.5. The full collection is interactive, so every flower can be viewed, rotated, and explored in 3D. Tripo AI turns ideas into 3D experiences you can actually see, share, and explore.

From 48 World Cup nations to an interactive 3D flower world. Tripo turns each nation into photorealistic 3D flowers, each designed with its own form, color palette, material texture, and cultural reference, and brings them into an interactive experience with GPT-5.5. The full collection is interactive, so every flower can be viewed, rotated, and explored in 3D. Tripo AI turns ideas into 3D experiences you can actually see, share, and explore.

Tripo 🔜 gamescom

13,551 views • 4 months ago

Stitch’s canvas just got a major workflow upgrade. V2 is here with screen resizing and responsive support ✨. You can now resize any screen and watch it render in HTML mode to test responsiveness in real-time (responsive screens work best for web designs versus mobile designs). We’ve also added the keyboard essentials you’ve been missing: Undo/Redo and Cut/Copy/Paste for entire screens. You can also rename and delete screens to keep your workspace tidy. A customizable background will help you navigate. Build faster 🚀.

Stitch’s canvas just got a major workflow upgrade. V2 is here with screen resizing and responsive support ✨. You can now resize any screen and watch it render in HTML mode to test responsiveness in real-time (responsive screens work best for web designs versus mobile designs). We’ve also added the keyboard essentials you’ve been missing: Undo/Redo and Cut/Copy/Paste for entire screens. You can also rename and delete screens to keep your workspace tidy. A customizable background will help you navigate. Build faster 🚀.

Stitch by Google

49,903 views • 1 year ago

With the latest major release of Adobe Substance 3D Painter, you can now work with text right inside the software, drag and drop Illustrator files with artboards, and browse Substance 3D Assets library within 3D Painter. Details: #3dpainter #substance3dpainter

With the latest major release of Adobe Substance 3D Painter, you can now work with text right inside the software, drag and drop Illustrator files with artboards, and browse Substance 3D Assets library within 3D Painter. Details: #3dpainter #substance3dpainter

80 LEVEL

104,317 views • 2 years ago

New VST/AU Plugin! 🚨 Play with Lyria RealTime directly from inside your favorite DAW with “The Infinite Crate” 🎧🎶 Like other Lyria RT demos, you can mix together text prompts and other controls to steer the model in real-time. But now with a VST plugin you can feed audio directly into your DAW for sampling, live performance, or even a practice partner to jam with. 💾 Get it here:

New VST/AU Plugin! 🚨 Play with Lyria RealTime directly from inside your favorite DAW with “The Infinite Crate” 🎧🎶 Like other Lyria RT demos, you can mix together text prompts and other controls to steer the model in real-time. But now with a VST plugin you can feed audio directly into your DAW for sampling, live performance, or even a practice partner to jam with. 💾 Get it here:

Jesse Engel

59,938 views • 1 year ago

✨ Now you can access your #1inchPortfolio inside the 1inch dApp! Manage all your assets in one seamless experience, with ongoing updates and support: See how it works ⬇️

✨ Now you can access your #1inchPortfolio inside the 1inch dApp! Manage all your assets in one seamless experience, with ongoing updates and support: See how it works ⬇️

1inch

12,018 views • 1 year ago

I can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:

I can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:

Josh Millgate

22,337 views • 5 months ago

📢 Multi-View Image to 3D just got a major upgrade! Now your textures generate from multiple views too. So a few references of the same object bring the whole model back with much higher accuracy and consistency, from structure to texture.

📢 Multi-View Image to 3D just got a major upgrade! Now your textures generate from multiple views too. So a few references of the same object bring the whole model back with much higher accuracy and consistency, from structure to texture.

MeshyAI

131,590 views • 2 months ago

Wow, it actually *is* DOM (See me using Chrome DevTools to inspect the DOM) HTML is <canvas> is going to open a new era of web UIs

Wow, it actually is DOM (See me using Chrome DevTools to inspect the DOM) HTML is <canvas> is going to open a new era of web UIs

Steren

737,388 views • 5 months ago