Tldraw Desktop

A desktop version of tldraw built with Tauri, React, and Vite.

Features

• ✨ Full tldraw whiteboard/canvas functionality
• 🚀 Fast native desktop performance with Tauri
• 🪟 Windows 64-bit support
• 📦 Small bundle size
• 🔐 Secure by default

Prerequisites

Before you begin, ensure you have installed:

• Node.js (v18 or later)
• Rust (latest stable)
• Windows Build Tools for Windows

Getting Started

Install Dependencies

npm install

Development

Run the app in development mode:

npm run tauri:dev

This will:

1. Start the Vite development server
2. Compile the Rust backend
3. Open the desktop application window

Build for Production

Build the app for Windows 64-bit:

npm run tauri:build

The built application will be available in src-tauri/target/release/bundle/.

Project Structure

tldraw-desktop/
├── src/                   # React frontend source
│   ├── App.jsx           # Main React component with tldraw
│   └── main.jsx          # React entry point
├── src-tauri/            # Tauri backend
│   ├── src/
│   │   └── main.rs       # Rust main file
│   ├── build.rs          # Build script
│   ├── Cargo.toml        # Rust dependencies
│   └── tauri.conf.json   # Tauri configuration
├── index.html            # HTML entry point
├── vite.config.js        # Vite configuration
└── package.json          # Node dependencies and scripts

Available Scripts

• npm run dev - Start Vite dev server only
• npm run build - Build frontend only
• npm run tauri:dev - Run full Tauri app in dev mode
• npm run tauri:build - Build production desktop app

Technology Stack

• Frontend: React 18, tldraw
• Build Tool: Vite 5
• Desktop Framework: Tauri 2
• Backend: Rust

License

MIT