What if *any* website could be turned into a... canvas with a single click? Rebuilt my website ( last night and added DOM<->Canvas translation allowing you to "break out" into a multiplayer tldraw canvas at any point. The Regular web, zero magic. 1/nshow more

TIL you can turn any website into an editable... canvas with just a simple command in the console: document.designMode = 'on'show more

a brainstorming canvas that changes the linear process of... concepting into a fun exploratory manuscript with bridges of reasoning between nodes ... any topic, one single canvas, infinite exploration to dive into rabbit holes. that was the idea behind gridscape.show more

6. A pen with three cameras at the tip... that turns any surface of the world into a canvas with notes synced and recorded to your phoneshow more

We just added over 700 shader presets into Wonder!... You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now atshow more

built a halftone dot effect that samples any image... into ~4,000 animated dots on a single canvas. they implode and explode in a radial wave when you switch. no libraries, just rAF + math 😎show more

The night sky over southwest China's Chongqing turned into... a giant canvas as hundreds of drones created stunning images of rockets, astronauts, flowers, and more, adding a futuristic sparkle to the city's vibrant nightlife.show more

Showing my work last night at beeple’s grand opening... was a completely mind-blowing, life-changing experience. I feel so honored to be one of the artists working with this new INSANE canvas!! The future is going to be incredible! 🙏❤️‍🔥show more

i think i just find a revolutionary AI agent... canvas it can generate 3D interactive website to showcase any product, rotate, zoom and even 3D animation.. no code needed, just simple texts I spent a week figured it out, now you can do it in half hour step by step tutorial: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

VEO 3 + "canvas prompting" is soooo good 🤯... These AG1, Jones Road Beauty, & Ridge product videos were created with just 2 uploaded images each. And it's all about the visual context. This canvas prompting technique will take any product photo + model shot... And turn it into cinema-quality UGC videos with solid brand alignment. Perfect for e-comm operators, creative strategists & agencies. Just upload your canvas images + get brand-ready videos with top-notch realism. Here's what canvas prompting gives you: → visual context instead of text descriptions → near-perfect product-model integration → consistent brand-ready video outputs → way higher realism scores Now you've got predictable UGC generation instead of random AI outputs. Again, AI video isn't perfect yet ... but it will be VERY soon. Want the full canvas prompt templates + Loom video walk through? Like + comment "CANVAS" and I'll send it over (must be following so I can DM)show more

Thrilling game last night, ending up in a narrow... 1-0 win to Chelsea. Do you think United season could get any worse at this point?show more

The multimodal grounding abilities combined with web development in... Muse Spark are so good! 🎨 Prompt: <image of dogs> Make a website where you point to each of the dogs and say their breed.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

I made an HTML/DOM viewer you can paste into... your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.show more

Joined Ramp as a Design Engineer few weeks ago🎉,... and in the process built one of my most fun recent projects - making my personal website represent who I am even if you didn’t read a single word. 🤔 The result is four “modes“ that you can render the content in: 1️⃣an IDE 2️⃣a Figjam canvas 3️⃣a Very Short Introduction style book 4️⃣ DOS machine (my personal fave and most nostalgic) 😄show more

I made a second version! This time, I improved... the opening to make it more eye-catching, added extra padding to the character shots so the video won’t get cropped across different social platforms, and updated the prompt into English. I also improved the canvas workflow. Previously, I had to generate multiple images and videos one by one, then pick the best results. Now the canvas supports generating multiple results in a single run, which has greatly improved my workflow efficiency. Now you only need to swap the image, and the same video prompt can still produce great results. Which anime cosplay should I make next? Full workflow and prompts:show more

One trick we discovered for avoiding realistic face moderation... issues in Seedance 2.0 is using character turnaround sheets (front / side / back views). The first video is one of our experiment results — and it runs successfully. We’ve now integrated character turnarounds directly into our workflow + canvas system: 1. If your artwork was generated on our site, you can drag the image into the canvas directly from the Assets tab 2. Click the “Character Turnaround” button above the image to automatically generate a 3-view turnaround sheet 3. Create a new video node and use the turnaround sheet directly with Seedance 2.0 inside the workflow I’ve shared the workflow link in the comments if you want to explore the exact prompts, setup, and workflow details.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 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