15.3K Star，超好用的开源协作式数字白板

tldraw 是一款备受关注的开源图形编辑器，它不仅提供直观的用户界面，还内置了丰富的底层库。这些组件均可在其开源仓库中获取，同时通过 NPM 发布，方便开发者集成与扩展。无论是用于搭建临时白板，还是作为构建专属绘图应用的基础工具，tldraw 都能轻松满足各种需求。

在线体验

tldraw 的官方网站直接提供了在线体验 demo，你无需下载安装即可体验其高效流畅的操作。请访问：https://www.tldraw.com/。

该体验界面以简洁明快的设计和卓越的响应速度著称，让人一目了然其强大功能。

开发与集成

将 tldraw 集成到你的应用中非常简单。只需按照下面的示例代码，即可快速构建一个默认白板：

import { Tldraw } from '@tldraw/tldraw'
import '@tldraw/tldraw/tldraw.css'

export default function App() {
  return (
    <div style={{ position: 'fixed', inset: 0 }}>
      <Tldraw />
    </div>
  )
}

通过上述 React 组件 <Tldraw>，你可以迅速搭建起基础白板，并在此基础上根据需求扩展更多自定义形状、工具及用户交互功能。此外，tldraw 还提供了一整套编辑器 API，支持开发者对白板元素的创建、更新与删除，实现更高层次的定制化开发。

有关详细的开发文档与指南，请访问官方文档：https://tldraw.dev/。

最后，推荐以下链接以便有兴趣的开发者进一步探索：

• 官方网站：https://tldraw.com/
• GitHub 开源仓库：https://github.com/tldraw/tldraw