ScriptCanvas

An infinite canvas for writing, drawing, and coding. Create freely with text blocks, code snippets, and sketches all on one canvas.

Live demo: https://scriptcanvas.app/

Highlights

• Infinite canvas with zoom and pan
• Rich text blocks (headings, lists, bold, italic)
• Code blocks with syntax highlighting and language switcher
• Local-first: autosaves to your browser (IndexedDB)

Quick start

npm install
npm run dev

Open http://localhost:3000

How to use

1. Click "Create New Canvas"
2. Add Write or Code blocks from the toolbar
3. Click the title to rename; changes auto-save

Built with

Next.js, tldraw, TipTap, CodeMirror, Dexie, Zustand, Tailwind CSS