Folder setup

The build files a folder needs before mods can be added: bundles everything in src/mods/ into one file and puts it into the open drawing. Installed by tldraw-mods init.

npx tldraw-mods init

Without the tldraw-mods command: npx shadcn@latest add btn0s/tldraw-mods/workspace

After installing

Build: npm run build. Put it into the open drawing: npm run apply. Add mods: npx tldraw-mods add <name>.

Files it adds

• build.mjs
• apply.mjs
• tailwind-plugin.mjs
• src/config.tsx
• src/mod.ts
• src/ui.ts
• src/assets.d.ts
• src/styles/globals.css
• src/lib/utils.ts

Packages it installs

• cn
• lucide-react
• tw-animate-css
• shadcn
• @base-ui/react

Source code · Install manifest