Loading video...

Video Failed to Load

Go Home

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

737,223 views • 4 months ago •via X (Twitter)

40 Comments

serhii's profile picture
serhii4 months ago

Wake me up when Safari iOS support. So basically never

Ezatullah Matin wakily's profile picture
Ezatullah Matin wakily4 months ago

Its year 3000 and still HTML is showing off

iamkun's profile picture
iamkun4 months ago

The canvas tag spent 15 years as a game engine and a chart renderer, now it's just the whole UI. And AI vibe coding make it eaiser/

CompoundMind's profile picture
CompoundMind4 months ago

a Google PM who used to be an engineer inspecting DOM elements like it's 2009 once an engineer, always an engineer. the product instincts change. the devtools habit never does 😄

Steren's profile picture
Steren4 months ago

Wait. There is another way? 😁

Dimava's profile picture
Dimava4 months ago

@HubBreaker Hub looks like a bot Worse, it looks like a bot *with context* which makes it even more confusing I'm a lil afraid of the next generation of bots that won't be this stupid

CompoundMind's profile picture
CompoundMind4 months ago

@steren fair point, working on it 🫡

Dimava's profile picture
Dimava4 months ago

@steren Nooooooooooooo

CompoundMind's profile picture
CompoundMind4 months ago

@steren 😂😂

Juan ₿autista's profile picture
Juan ₿autista4 months ago

Can i implement it now?

Steren's profile picture
Steren4 months ago

It's under a flag in Chrome.

Matthew Park's profile picture
Matthew Park4 months ago

only works on chrome

adyingdeath's profile picture
adyingdeath4 months ago

I think the canvas in html is a really good feature, enabling a lot of use cases. The downside is that it's an experimental feature 😭

Bias's profile picture
Bias4 months ago

This feels like one of those shifts that looks small at first but changes what people expect from web apps. If we get canvas level visuals while keeping the DOM inspectable, dashboards and internal tools could get much more expressive without becoming impossible to maintain.

Hugeicons's profile picture
Hugeicons4 months ago

Liquid DOM the cheat code web needed

Ted L's profile picture
Ted L4 months ago

HTML is <canvas> has existed for years already, it’s called @FlutterDev

Sebastian Buzdugan's profile picture
Sebastian Buzdugan4 months ago

full html gets messy once you need text selection accessibility tree and deterministic hit testing

coldnadongie's profile picture
coldnadongie4 months ago

Coming to your Windows Star Menu soon

Richard Thermo's profile picture
Richard Thermo4 months ago

This is technically amazing. Just sad it's being wasted on the trash UI we call Liquid Glass.

Dairon Canel's profile picture
Dairon Canel4 months ago

That looks amazing, so smooth, would love to see some real world website with it.

vanya2h's profile picture
vanya2h4 months ago

Holy moly. From now on ui design will never be the same.

lil retard's profile picture
lil retard4 months ago

Interesting

Will's profile picture
Will4 months ago

Why does this matter in an internet that is said to be increasingly made for agents to browse?

Dude's profile picture
Dude4 months ago

Isn’t this what Flutter have been doing for years now?

Arthur's profile picture
Arthur4 months ago

@grok explain this

Nadnerb 🇦🇺🦁🪝's profile picture
Nadnerb 🇦🇺🦁🪝4 months ago

Super impressive.

Shubham Sharma | Video Editor's profile picture
Shubham Sharma | Video Editor4 months ago

Holy moly. From now on ui design will never be the same.

Irakli 🚀's profile picture
Irakli 🚀4 months ago

Can someone explain benefits of this?

Carmelo schepis's profile picture
Carmelo schepis4 months ago

Cool, canvas opens new possibilities!

MasChoose 🎮🎨's profile picture
MasChoose 🎮🎨4 months ago

Not with 8GB of RAM.

Daniel E-commerce's profile picture
Daniel E-commerce4 months ago

This is exactly the kind of inspectable infrastructure I want scaling across Spanish e-commerce ventures. Lower dev costs, higher trust, all from the open web.

Hossein Ai 🤖's profile picture
Hossein Ai 🤖4 months ago

How cwn i used for motion graphic design works?

Владимир Шамшеев ❤️🇺🇦's profile picture
Владимир Шамшеев ❤️🇺🇦4 months ago

So.. DOM was never slow?)

supercollider's profile picture
supercollider4 months ago

I HOPE SO WE NEED IT BACK

Timur Ercan 🌏's profile picture
Timur Ercan 🌏4 months ago

"HTML is <canvas> is going to open a new era of web UIs"

Acaydia's profile picture
Acaydia4 months ago

Just what I’ve been looking for

Daniel White's profile picture
Daniel White4 months ago

That’s amazing that thanks for sharing

Umer Farooq's profile picture
Umer Farooq4 months ago

Canvas has literally always been in the DOM tho, it just renders pixels

Emily Ritter's profile picture
Emily Ritter4 months ago

So cool! Great work

Nikita Savchenko's profile picture
Nikita Savchenko4 months ago

Impressive (performance-wise too). A new chapter for webview-wrapped apps and a web as a whole, I believe.

Related Videos