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,577,395 subscribers

14,789 views • 2 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

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

727,943 views • 7 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,450,879 views • 1 year 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 • 11 days 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,738 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

414,938 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

193,995 views • 7 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 • 5 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,117 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

235,877 views • 1 month 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

681,719 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 • 2 months 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,249 views • 2 years 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,877 views • 1 year 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,921 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 • 3 months 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,012 views • 1 year 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 • 1 month ago

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,470 views • 6 months ago

Join us at NAB 2023 to experience the latest update in #PremierePro that will revolutionize your editing workflow. With Text-Based Editing, you can now create a rough cut just like copying and pasting text. Learn more about our additional updates here:

Join us at NAB 2023 to experience the latest update in #PremierePro that will revolutionize your editing workflow. With Text-Based Editing, you can now create a rough cut just like copying and pasting text. Learn more about our additional updates here:

Adobe Video

46,991 views • 3 years ago