Annotation Tool

A minimalist, Excalidraw-inspired whiteboard application for creating diagrams, sketches, and annotations with a hand-drawn aesthetic.

Features

• Whiteboard Canvas — Draw shapes, lines, arrows, text, and freehand sketches
• Hand-drawn Style — RoughJS-powered rendering for a natural, sketch-like feel
• Kanban View — Organize tasks and ideas on a drag-and-drop board
• Pan & Zoom — Navigate infinite canvas with mouse wheel and middle-click
• Undo / Redo — Full history support for all canvas operations
• Theming — Light and dark mode with architectural aesthetics
• i18n — Localization support built in

Showcase

• Whiteboard (OnProgress)

• Kanban (OnProgress)

Quick Start

# Install dependencies
bun install

# Start development server
bun run dev

Open http://localhost:5173 in your browser.

Scripts

Command	Description
bun run dev	Start development server
bun run build	Build for production
bun run preview	Preview production build
bun run check	Type-check and lint
bun run lint	Run ESLint

Tech Stack

• Runtime — Bun
• Framework — React 19
• Language — TypeScript
• Bundler — Vite (Rolldown)
• UI — Material UI
• Drawing — RoughJS
• Styling — Emotion

License

MIT