[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-854":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":37,"readmeContent":38,"aiSummary":39,"trendingCount":15,"starSnapshotCount":15,"syncStatus":40,"lastSyncTime":41,"discoverSource":42},854,"tldraw","tldraw\u002Ftldraw","very good whiteboard infinite canvas SDK","https:\u002F\u002Ftldraw.dev",null,"TypeScript",47712,3288,166,350,0,24,108,746,112,45,"Other",false,"main",[25,26,27,28,29,30,31,32,33,34,35,36],"canvas","collaboration","design","diagram","drawing","infinite","multiplayer","react","sdk","sketch","sync","whiteboard","2026-06-12 02:00:19","\u003Cdiv alt style=\"text-align: center; transform: scale(.25);\">\n\t\u003Cpicture>\n\t\t\u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fgithub.com\u002Ftldraw\u002Ftldraw\u002Fraw\u002Fmain\u002Fassets\u002Fgithub-hero-dark.png\" \u002F>\n\t\t\u003Cimg alt=\"tldraw\" src=\"https:\u002F\u002Fgithub.com\u002Ftldraw\u002Ftldraw\u002Fraw\u002Fmain\u002Fassets\u002Fgithub-hero-light.png\" \u002F>\n\t\u003C\u002Fpicture>\n\u003C\u002Fdiv>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ftldraw\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Ftldraw\" alt=\"npm\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ftldraw\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Ftldraw\" alt=\"npm downloads\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fdiscord.tldraw.com\u002F?utm_source=github&utm_medium=readme&utm_campaign=sociallink\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdiscord-join-5865F2?logo=discord&logoColor=white\" alt=\"Discord\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fdeepwiki.com\u002Ftldraw\u002Ftldraw\">\u003Cimg src=\"https:\u002F\u002Fdeepwiki.com\u002Fbadge.svg\" alt=\"Ask DeepWiki\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch3 align=\"center\">\n  Build infinite canvas apps in React with the tldraw SDK.\n\u003C\u002Fh3>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Ftldraw.dev\u002Fquick-start\">Docs\u003C\u002Fa> · \u003Ca href=\"https:\u002F\u002Ftldraw.dev\u002Fexamples\">Examples\u003C\u002Fa> · \u003Ca href=\"https:\u002F\u002Ftldraw.dev\u002Fstarter-kits\u002Foverview\">Starter kits\u003C\u002Fa>\n\u003C\u002Fp>\n\n## Feature highlights\n\ntldraw provides a feature-complete infinite canvas engine designed to be the foundation for any canvas app. Create custom shapes, tools, bindings and UI components for a custom experience. Use the default whiteboarding tool set or use the library's primitives to build entirely new shapes and interactions.\n\n- **Multiplayer** — self-hostable real-time collaboration with [`@tldraw\u002Fsync`](https:\u002F\u002Ftldraw.dev\u002Fdocs\u002Fsync)\n- **Drawing and diagramming** — pressure-sensitive drawing, geometric shapes, rich text, arrows, snapping to shapes, edge scrolling, image and video support, image export\n- **Runtime API** - drive the canvas at runtime with the Editor API\n- **Fully extensible** — custom [shapes](https:\u002F\u002Ftldraw.dev\u002Fdocs\u002Fshapes), [tools](https:\u002F\u002Ftldraw.dev\u002Fdocs\u002Ftools), [bindings](https:\u002F\u002Ftldraw.dev\u002Fsdk-features\u002Fbindings), [UI components](https:\u002F\u002Ftldraw.dev\u002Fsdk-features\u002Fui-components), side effects, and event hooks\n- **AI integrations** — canvas primitives for [building with LLMs](https:\u002F\u002Ftldraw.dev\u002Fdocs\u002Fai)\n- **DOM canvas** — web rendering supports anything the browser supports, including embedded websites from YouTube, Figma, GitHub, [and more](https:\u002F\u002Ftldraw.dev\u002Fsdk-features\u002Fembed-shape)\n- **Broad support** — works in any browser across desktop, touch screens, tablets, and mobile devices\n\n## Quick start\n\nInstall the tldraw package:\n\n```bash\nnpm i tldraw\n```\n\nThen, use the `\u003CTldraw \u002F>` component in your React app:\n\n```tsx\nimport { Tldraw } from 'tldraw'\nimport 'tldraw\u002Ftldraw.css'\n\nexport default function App() {\n\treturn (\n\t\t\u003Cdiv style={{ position: 'fixed', inset: 0 }}>\n\t\t\t\u003CTldraw \u002F>\n\t\t\u003C\u002Fdiv>\n\t)\n}\n```\n\n## Starter kits\n\nStarter kits provide the custom shapes, tools, and user interface needed for common applications. Each kit is MIT-licensed. Hack together a prototype, build out an app on top, or reference the code in a larger project.\n\nStart building with:\n\n```bash\nnpx create-tldraw@latest\n```\n\n- **Multiplayer** — self-hosted real-time collaboration powered by `@tldraw\u002Fsync` and Cloudflare Durable Objects, the same stack behind [tldraw.com](https:\u002F\u002Ftldraw.com)\n- **Agent** — AI agents that read, interpret, and modify canvas content\n- **Workflow** — drag-and-drop node builder for automation pipelines, visual programming, and no-code platforms\n- **Chat** — canvas-powered AI chat where users sketch, annotate, and mark up images alongside conversations\n- **Image pipeline** — node-based builder for image generation pipelines\n- **Branching chat** — AI chat with visual branching, letting users explore and compare different conversation paths\n- **Shader** — WebGL shaders that respond to canvas interactions\n\n## Local development\n\nThe development server runs the examples app at `localhost:5420`. You'll need [Node.js](https:\u002F\u002Fnodejs.org) `^20.0.0`. Clone the repo, then enable [corepack](https:\u002F\u002Fnodejs.org\u002Fapi\u002Fcorepack.html) for the correct yarn version:\n\n```bash\nnpm i -g corepack\n```\n\nInstall dependencies and start the dev server:\n\n```bash\nyarn\nyarn dev\n```\n\n## Community\n\n- [Discord](https:\u002F\u002Fdiscord.tldraw.com\u002F?utm_source=github&utm_medium=readme&utm_campaign=sociallink) — questions, feedback, and discussion\n- [Twitter\u002FX](https:\u002F\u002Ftwitter.com\u002Ftldraw) — news and updates\n- [Submit an issue](https:\u002F\u002Fgithub.com\u002Ftldraw\u002Ftldraw\u002Fissues\u002Fnew) — bug reports and feature requests\n\n## Contributing\n\nSee our [contributing guide](https:\u002F\u002Fgithub.com\u002Ftldraw\u002Ftldraw\u002Fblob\u002Fmain\u002FCONTRIBUTING.md) to learn about contributing to tldraw.\n\n## License\n\nThe tldraw SDK is provided under the [tldraw license](https:\u002F\u002Fgithub.com\u002Ftldraw\u002Ftldraw\u002Fblob\u002Fmain\u002FLICENSE.md). You can use the SDK freely in development. Production use requires a [license key](https:\u002F\u002Ftldraw.dev\u002Fpricing). Visit [tldraw.dev](https:\u002F\u002Ftldraw.dev) to learn more.\n\n## Trademarks\n\nCopyright (c) 2024-present tldraw Inc. The tldraw name and logo are trademarks of tldraw.\n\nPlease see our [trademark guidelines](https:\u002F\u002Fgithub.com\u002Ftldraw\u002Ftldraw\u002Fblob\u002Fmain\u002FTRADEMARKS.md) for info on acceptable usage.\n\n## Contributors\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftldraw\u002Ftldraw\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=tldraw\u002Ftldraw&max=400&columns=20\" width=\"100%\"\u002F>\n\u003C\u002Fa>\n\n## Star history\n\n\u003Ca href=\"https:\u002F\u002Fstar-history.com\u002F#tldraw\u002Ftldraw\">\n\t\u003Cpicture>\n\t  \u003Csource\n\t    media=\"(prefers-color-scheme: dark)\"\n\t    srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=tldraw\u002Ftldraw&type=Date&theme=dark\"\n\t  \u002F>\n\t  \u003Csource\n\t    media=\"(prefers-color-scheme: light)\"\n\t    srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=tldraw\u002Ftldraw&type=Date\"\n\t  \u002F>\n\t  \u003Cimg src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=tldraw\u002Ftldraw&type=Date\" alt=\"Star History Chart\" width=\"100%\" \u002F>\n\t\u003C\u002Fpicture>\n\u003C\u002Fa>\n","tldraw 是一个用于构建无限画布应用的 SDK，特别适合基于 React 的项目。它提供了一套完整的绘图和图表功能，包括压力感应绘图、几何形状、富文本编辑、箭头、图像和视频支持等。tldraw 支持多人实时协作，允许自托管以实现同步编辑。此外，它还具有高度可扩展性，开发者可以创建自定义形状、工具、绑定以及 UI 组件，甚至集成了 AI 功能。该 SDK 适用于需要强大绘图能力的各种场景，如在线白板、设计工具或教育软件，并且能在任何浏览器中运行，无论是桌面端还是移动端都能良好适配。",2,"2026-06-11 02:39:50","top_all"]