Steve Ruiz

At tldraw, we've been exploring the infinite canvas as a surface for real-time collaboration between multiple agents and multiple users. Learn about what works, what doesn't, and whether the future AI might live on the canvas.Our work with AI on the canvas began with makereal.tldraw.com, often cited as the first "vibe coding" tool to reach escape velocity in November 2023. We later did work with realtime drawing (drawfast.tldraw.com), autocomplete, and a canvas interface for AI with (teach.tldraw.com). In 2024, we shipped an AI workflows app (tldraw.computer) and then returned to our canvas AI learnings with a public starter kit for working on the canvas with cursor-style AI agents (https://tldraw.dev/starter-kits/agent) and then later our spatialized agents-on-the-canvas experiment (fairies.tldraw.com).

At tldraw, we've been exploring the infinite canvas as a surface for real-time collaboration between multiple agents and multiple users. Learn about what works, what doesn't, and whether the future AI might live on the canvas.Our work with AI on the canvas began with makereal.tldraw.com, often cited as the first "vibe coding" tool to reach escape velocity in November 2023. We later did work with realtime drawing (drawfast.tldraw.com), autocomplete, and a canvas interface for AI with (teach.tldraw.com). In 2024, we shipped an AI workflows app (tldraw.computer) and then returned to our canvas AI learnings with a public starter kit for working on the canvas with cursor-style AI agents (https://tldraw.dev/starter-kits/agent) and then later our spatialized agents-on-the-canvas experiment (fairies.tldraw.com).

Hit testing is easy, right? Learn how tldraw's canvas editor decides which shape is beneath the user's cursor. This talk is a deep dive into five hundred of the most confusing lines of code in tldraw, the infinite canvas SDK.

This is the full story behind "Make Real", tldraw's viral AI experiment that lets you turn your low fidelity drawing into a functional website. It's half startup rollercoaster ride and half moral tale about betting on React — as Make Real was only possible because of the ability to put any React component onto tldraw's canvas.

Here's the full behind-the-scenes perspective, and everything we learned along the way.

This is the full story behind "Make Real", tldraw's viral AI experiment that lets you turn your low fidelity drawing into a functional website. It's half startup rollercoaster ride and half moral tale about betting on React — as Make Real was only possible because of the ability to put any React component onto tldraw's canvas.

Here's the full behind-the-scenes perspective, and everything we learned along the way.

Love linking lines? Join me in considering the humble arrow as both a programming problem and a user experience challenge. In this talk, I'll present the many complex problems and solutions that I've encountered when working with arrows in my open source library perfect-arrows and later in tldraw (tldraw.com). With a narrow scope and plenty of animations to guide the way, we'll look at intersections, arrow heads, arrow head angles, and all of the different user interface issues behind authoring and adjusting arrows between shapes, other shapes, and points.