Fork: 1374 Star: 25150 (更新于 2023-11-20 07:36:01)

license: Apache-2.0

Language: TypeScript.

a very good whiteboard

最后发布版本: v2.0.0-alpha.18 (2023-11-10 18:49:39)

官方网址 GitHub网址



Welcome to the public monorepo for tldraw.

What is tldraw?

tldraw is a collaborative digital whiteboard available at Its editor, user interface, and other underlying libraries are open source and available in this repository. They are also distributed on npm. You can use tldraw to create a drop-in whiteboard for your product or as the foundation on which to build your own infinite canvas applications.

Learn more at

Note This repo contains source code for the current version of tldraw. You can find the source for the original version here.

Installation & Usage

To learn more about using tldraw in your React application, follow our guide here or see the examples sandbox.

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

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

Local development

To run the local development server, first clone this repo.

Install dependencies:


Start the local development server:

yarn dev

Open the example project at localhost:5420.


Our development server contains several examples that demonstrates different ways that you can customize tldraw or use its APIs. Each example is found in the apps/examples folder.

  • eg: localhost:5420 for the basic example.
  • eg: localhost:5420/api for the API example.

To learn more about using tldraw, visit our docs.

About this repository

Top-level layout

This repository's contents is divided across four primary sections:

  • /apps contains the source for our applications
  • /packages contains the source for our public packages
  • /scripts contains scripts used for building and publishing
  • /assets contains icons and translations relied on by the app
  • /docs contains the content for our docs site at



  • assets: a library for working with tldraw's fonts and translations
  • editor: the tldraw editor
  • state: a signals library, also known as signia
  • store: an in-memory reactive database
  • tldraw: the main tldraw package containing both the editor and the UI
  • tlschema: shape definitions and migrations
  • utils: low-level data utilities shared by other libraries
  • validate: a validation library used for run-time validation


Have questions, comments or feedback? Join our discord or start a discussion.


You can find tldraw on npm here.

At the moment the tldraw package is in alpha. We also ship a canary version which is always up to date with the main branch of this repo.


The source code for various apps and packages in this repository (as well as our 2.0+ distributions and releases) are currently licensed under Apache-2.0. These licenses are subject to change in our upcoming 2.0 release. If you are planning to use tldraw in a commercial product, please reach out at


Please see our contributing guide. Found a bug? Please submit an issue.


Find us on Twitter at @tldraw or email You can also join our discord for quick help and support.

最近版本更新:(数据更新于2023-11-28 15:17:20)

2023-11-10 18:49:39 v2.0.0-alpha.18

2023-10-17 22:39:36 v2.0.0-alpha.17

2023-10-11 18:42:53 v2.0.0-alpha.16

2023-10-06 23:18:19 v2.0.0-alpha.15

2023-07-04 22:21:39 v2.0.0-alpha.14

2023-06-28 18:54:03 v2.0.0-alpha.13

2023-05-09 20:57:58 v2.0.0-alpha.12


code, drawing, fun, sketch, svg, whiteboard


2023-12-04 02:13:13 fabian-hiller/valibot

2023-12-03 23:12:55 openai-translator/openai-translator

2023-12-03 12:03:56 AndrewWalsh/openapi-devtools

2023-12-03 10:50:39 lobehub/lobe-chat

2023-12-02 14:30:48 TanStack/router

2023-12-02 05:44:52 angular/components