Mods for tldraw offline

New shapes and tools for the tldraw offline app. Pick one, run one command, and it is in your drawing.

How to use

Needs the tldraw offline app and Node.js 20+. Make a folder, save a drawing in it, and set it up once:

mkdir my-canvas && cd my-canvas   # then File → Save the drawing here
npx tldraw-mods init

With the drawing open in the app, add mods. Each one is downloaded, built, and saved into the drawing:

npx tldraw-mods add landmark
npx tldraw-mods list
npx tldraw-mods remove landmark

The mods stay inside the .tldraw file wherever it goes. Only install from people you trust.

Mods

• Browser

  shape

  A web page inside your drawing. Click to place it or drag to size it, type an address in the bar above it, and switch between phone, tablet, and desktop widths with the buttons on the right.

  npx tldraw-mods add browser

• Landmark

  shape

  A named dashed outline you draw around a group of shapes. Its label stays the same size on screen as you zoom out, so you can find your way around a big drawing. Clicking inside it selects what is inside, not the outline.

  npx tldraw-mods add landmark

• Command bar

  ui

  A shorter toolbar and a ⌘K search box. The toolbar keeps ten everyday buttons plus a More button; everything else, including tools from other mods, is a keystroke away. The search box also jumps to named landmarks on any page, flips editor preferences, and switches light and dark mode.

  npx tldraw-mods add command-bar

• Toolbar icons

  ui

  Rendered 3D icons for the nine main toolbar buttons in place of the flat outlines. They grow slightly on hover and when active.

  npx tldraw-mods add toolbar-icons