html-in-canvas API is shattering my expectations

Fun hack: A new way to inspect web with... the html-in-canvas APIshow more

ummm you can create some obnoxiously cool focus rings... with the new HTML-in-Canvas APIshow more

we praise html-in-canvas ✨

The web is fun again. HTML-in-canvas is insane. Made... with Omma.show more

html-in-canvas can't ship fast enough

Tried combining Three.js raymarching with html-in-canvas.

Added interaction support to the HTMLTexture (html-in-canvas) example.

With html-in-canvas, you can make shader-powered page transitions

The nascent HTML-in-Canvas API is exciting to me not... for flashy effects, but because it extends the semantics that the DOM can (tractably) represent — tiny example: it's possible to show an element in multiple places, cheaply, under arbitrary transforms.show more

No, this is not a video recording of my... Apple Studio display. It's the upcoming version of Ultramock that uses HTML-in-canvas. Fully interactive, 3D, hyper-realistic mockups in the browser 🔥show more

JOBS REPORT: The U.S. economy added 178,000 new jobs... in March — shattering economists' expectations once again 🔥show more

これが最もユーザーに優しくないフォームUIです スパム対策につかえます ChromeのHTML-in-Canvas APIでつくりました

🚨 "BETTER THAN EXPECTED": The economy grew at a... 3.0% rate in Q2 — shattering economists' expectations once again.show more

Card transition experiment with React Three Fiber + html-in-canvas.... Try it here: Needs Chrome Canary for the interactive cards.show more

My MTSDF generator is ready, built in Rust. The... output is highly optimized and plugs directly into my WebGPU engine, using instanced glyphs. Text now aligns perfectly between canvas and HTML, whatever the font used, with accurate position, letter spacing and line height. 🦀 Next step is a particles module: simulation, point cloud, gaussian splatting. 🫧show more

DOM3 is made from HTML, CSS and Javascript, closer... to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.show more

🚨 BREAKING: Stock Market hits NEW HIGHS AGAIN as... new Report shows the economy grew at a 3.0% rate in Q2 — SHATTERING economists expectations "IT’S WAY BETTER THAN EXPECTED"show more

wow... this is crazy work. Claude Code running on... my browser with every useful API available in the vibecode.dev API tab.show more

HTML enters 3D! Or vice versa? With the new... HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?show more

the guy keeps saying "you can already do this... with a canvas behind the element" so here is another gratuitous animation where the scanline physically distorts the form content as it passes (warping the actual rendered HTML pixels)show more