tldraw and AI on the canvas
summary
tldraw is an infinite canvas SDK and a public demo site that embeds real React components and iframes so shapes can be functional websites not just pixels. Demos include Draw Fast (sketch to image transforms), Make Real (sketch a UI and get a working website and counter), and a visual workflow builder called Computer that pipes LLM outputs into image generation translation and TTS. The demo site hits ~100,000 users, went viral then throttled for cost, SDK is open source with a watermark.
AI-written summary · about
chapters (12)
- 0:00Introduction and background
- 1:00What is tldraw
- 4:15AI demos on the canvas
- 6:46Make real demo
- 10:03Iterative AI design process
- 13:32Draw fast demo
- 15:18Animated talking face demo
- 17:33Missile command game demo
- 21:28Computer workflows demo
- 25:03Children's story generator
- 29:01Visual programming with AI
- 33:03Future of tldraw and AI
related talks
19mtldraw.computer
06mInterview
34mMake Real: tldraw's accidental AI play
20mAgents on the Canvas in tldraw
56mBeyond Chat: Bringing Models to the Canvas
17mExcalidraw: AI and Human Whiteboarding Partnership
18mExplore AI-powered SDKs with Document and Medical Viewer Controls
33mCreativeJS - making art in the browser