tldraw Integration
OpenBoard uses the industry-leading tldraw rendering engine as its core canvas viewport:
- Infinite 2D vector coordinate space with sub-pixel precision.
- Freehand pen drawing, geometric shapes (rectangle, ellipse, diamond, cloud), directional arrows, sticky notes, and text entities.
- Intelligent shape grouping, alignment guides, and container frames.
Twenty-Inspired Dark Theme
OpenBoard is styled using the disciplined Twenty design system:
- Background: Deep charcoal
#0c0d10that reduces eye strain during late-night architecture sessions. - Surfaces: Elevated
#121318/#181920panels with subtle 1px hairline borders (rgba(255, 255, 255, 0.08)). - Accents: High-contrast electric blue (
#2563eb) for active states and semantic status indicators.
Debounced Autosave Flow
Every change made on the canvas is debounced in memory and flushed to SQLite via atomic batch transactions, ensuring zero frame drops during fast drawing.