tldraw

描画アプリの部品ではなく、custom shape・tool・bindingまで持つinfinite canvas engineを組み込む

公式READMEはtldrawを、canvas appの土台になるfeature-completeなinfinite canvas engineと説明しています。pressure-sensitive drawing、geometric shape、rich text、arrow、snapping、image/video、image exportといった標準whiteboard機能に加え、custom shape、tool、binding、UI component、side effect、event hookを差し替えられるため、既成の白板UIに用途を合わせるのではなく、canvasそのものをアプリ要件へ合わせて拡張できます。

出典：[1]

Editor APIとself-hostable multiplayerで、canvasをapplication stateと共同編集の基盤にする

tldrawはruntime Editor APIからcanvasを操作でき、@tldraw/syncを使ったreal-time collaborationも提供します。READMEではmultiplayerをself-hostableと明記しており、複数ユーザーが同じcanvasを編集するwhiteboardやdiagramming appだけでなく、canvas stateをアプリのデータモデルや業務フローと結び付ける用途にも使えます。

出典：[1]

Agent・Workflow・ChatなどのStarter Kitで、AIやvisual workflowをcanvas上へ載せる

READMEはLLMと組み合わせるためのcanvas primitiveを案内し、Starter KitsとしてMultiplayer、Agent、Workflow、Chat、Image pipeline、Branching chat、Shaderを提供しています。Starter KitsはMIT Licenseと明記されており、Agentがcanvas contentを読み書きする構成や、node-based workflow、画像生成pipelineなどをprototypeから始められます。

出典：[1][2]

whiteboardを導入するのではなく、自社UI・業務フロー・AI体験へcanvasを組み込みたい開発者に

独自のdiagram editor、共同whiteboard、visual programming、workflow builder、AI chat canvas、画像pipelineなどをReactで構築したいチームに向きます。標準whiteboardをそのまま使う用途より、shape・tool・UI・sync・runtime APIを組み合わせて製品固有のcanvas interactionを作りたい場合に価値が出やすいSDKです。

SDK本体はcustom licenseで、Production利用にはlicense keyが必要になる

tldraw SDK本体はMITではなく独自のtldraw licenseです。開発・test・stagingなどのDevelopment Environmentでは利用できますが、end userやpublicへ機能を提供するProduction Environmentでの利用は原則禁止され、trialまたはcommercial agreementに基づくLicense Keyが必要です。license enforcementを無効化・変更することも禁止されています。

ライセンス文面では、compliance目的でdeployment environmentやLicense Key validityを確認する技術的措置を含み、usage dataをtldrawへ送信する場合があるとしています。一方、READMEで案内されるStarter KitsはMIT-licensedです。SDK本体とStarter Kit codeのライセンスを同一視せず、production deployment前に適用範囲を確認する必要があります。

出典：[3][1]