flâneur

tldraw: SDK for creating whiteboards and canvas experiences on the web.

tldraw.dev · 878 words · saved by 1 readers

You can use the tldraw SDK to craft infinite canvas experiences for the web. It's perfect for collaborative whiteboards but you can use it for lots of other things, too. By the end of this guide you will have made something that looks like this: To import fonts and CSS for tldraw: To render the Tldraw component This will render a full screen canvas: Now that you have your canvas working, you may be wondering: what next? You can try: We provide the above examples and more in our examples section. Go build something creative and please do share it with us in our #show-and-tell channel on Discord! tldraw © 2024

Quick start • tldraw Docs Search docs … ⌘K Menu Search docs … ⌘K Quick start Copy markdown Have five minutes? Run this command in your terminal to explore tldraw starter kits : npm create tldraw @ latest Copy Have a little more time? Let's try out the tldraw SDK in a React project. If you're new to React, we recommend using a Vite template as a starter. We'll assume your project is already running locally. Getting started First, install the tldraw package from npm: npm install tldraw Copy Next, in your React project, import the Tldraw component and tldraw's CSS styles. Then render the Tldraw c

saved by

related reading