
tldraw
Figmaの代替として
tldrawは、Reactで無限キャンバスアプリケーションを構築するためのSDKです。カスタムシェイプ、ツール、バインディング、UIコンポーネントを作成でき、デフォルトのホワイトボードツールセットの利用から完全なカスタムキャンバス体験の構築まで対応します。
- 無限キャンバスエンジン — フル機能の無限キャンバスエンジンを提供。あらゆるキャンバスアプリの基盤として設計
- マルチプレイヤー — @tldraw/syncによるセルフホスト可能なリアルタイムコラボレーション(Cloudflare Durable Objects)
- 完全拡張可能 — カスタムシェイプ、ツール、バインディング、UIコンポーネント、サイドエフェクト、イベントフックに対応
- AI統合 — LLMを活用したキャンバスプリミティブ。AI Agent、チャット、ブランチチャットのスターターキットを提供
- Runtime API — Editor APIによるランタイムでのキャンバス制御
- DOMキャンバス — WebレンダリングでYouTube、Figma、GitHub等のWebサイト埋め込みに対応
- マルチデバイス — デスクトップ、タッチスクリーン、タブレット、モバイルの全デバイスで動作
TypeScript + React製(tldrawライセンス:開発は無料、本番利用はライセンスキー要)。こんな人におすすめ: 自社アプリに無限キャンバスやホワイトボード機能を組み込みたい開発者、ノーコードプラットフォームやワークフロービルダーの基盤が必要なチーム。導入のポイント: npm i tldraw でReactアプリに統合。npx create-tldraw@latest でスターターキットを生成可能。Excalidrawが完成品のホワイトボードなのに対し、tldrawはキャンバスアプリを構築するためのSDKです。
Stars
46,246
Forks
3,130
言語
TypeScript
ライセンス
NOASSERTION
canvascollaborationdesigndiagramdrawinginfinitemultiplayerreactsdksketch+2