React Advanced

React Advanced 2022

Steve Ruiz

Panel Discussion: UX and the Design/Dev Overlap

Arrows (At Length)

React Advanced 2023

Make Real: tldraw's AI Adventure

React Advanced 2024

Make Real: Tldraw’s Accidental AI Play

React Day Berlin

React Day Berlin 2024

What's Under the Pointer?

React Advanced 2025

Web Engineering Summit

Web Engineering Summit 2026

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).

Agents on the Canvas With tldraw

JS Nation

JSNation 2026

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.

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.