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

Fun hack: A new way to inspect web with... the html-in-canvas APIshow 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 AI (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

html-in-canvas API is shattering my expectations

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

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

more html-in-canvas slop

Exploring !Boring stickers! in 3D, made with Omma AI.

we praise html-in-canvas ✨

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

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

html-in-canvas can't ship fast enough

In the world of web builders 🕸️ HTML is... your main weapon 🗡️ Let this course forge you into a legendary master web builder 👑show more

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

China is absolutely DOMINATING AI Kimi K2 is insane.... 10 wild examples. 1. 3D Simulation of Asteroids hitting Earth in htmlshow more

Today we're stoked to have Vittorio Retrivi from basement.studio... share an incredible exploration of the emerging HTML in Canvas proposal. From shader powered UI effects to interactive 3D interfaces, this article is packed with inspiring experiments: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

drei/view got a massive update. mix webgl/three right into... your html as views, as many as you want. they're self contained. events, controls, everything works. it's driven by a single canvas split into chunks via webgl_skissor. the demo is made with Next.js shadcn v0show more

Rube Goldberg HTML form! Tbh I spent way too... much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAPshow 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

The future of Ultramock is going to be beautiful!... Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨show more