Что это такое
tldraw — SDK для создания приложений с бесконечным холстом. Это не просто демо-доска, а набор примитивов для собственных холст-продуктов: фигуры, инструменты, стрелки, текст, изображения, видео, привязки, жесты, экспорт и совместная работа.
Проект появился в 2021 году и стал заметен потому, что бесконечный холст перестал быть редкой функцией только для дизайн-инструментов. Его используют для досок, схем, редакторов, образовательных продуктов и ИИ-интерфейсов.
Что внутри репозитория
Внутри — TypeScript/React SDK, готовый компонент `<Tldraw />`, API редактора, система фигур, инструментов и связей, пакеты синхронизации, стартовые наборы и документация. Можно взять стандартный набор доска или построить свои объекты поверх движка.
Минимальный React-экран
Пример показывает самый короткий путь: импортировать стили, отрисовать компонент и получить готовый холст. Дальше проект расширяется своими фигурами и инструментами.
import { Tldraw } from "tldraw";
import "tldraw/tldraw.css";
export default function App() {
return <Tldraw />;
}Где полезен
tldraw полезен командам, которым нужен не просто холст, а готовая модель редактора: выбор, перемещение, масштабирование, история, совместная работа, кастомные элементы и UI. Он ускоряет создание доска-продуктов и визуальных конструкторов.
Сильные стороны и ограничения
Сильный SDK все равно требует архитектурных решений: где хранить документы, как синхронизировать пользователей, какие фигуры разрешены, как управлять правами и экспортом. Для простой картинки на странице tldraw может быть избыточен; он раскрывается, когда холст — центральная часть продукта.