A clean, fast whiteboard for thinking together.
Whiteboard helps teams sketch ideas, map flows, and align quickly—without heavy setup. Built for clarity, speed, and sharing.
Off-white UI. Dark gray typography. Minimal chrome. Maximum focus.
Instant clarity
Start drawing immediately. Keep the canvas clean and readable as ideas evolve.
Shareable by default
Send a link, align fast, and keep everyone on the same page—without friction.
Built for focus
Minimal UI, fast interactions, and a calm palette that keeps attention on the work.
How it works
Open a board, sketch your idea, and share the link. Use it for architecture diagrams, product flows, incident timelines, or workshop notes.
Fast start
Clean output
Real-time feel
“The best whiteboard is the one you can open instantly, share confidently, and never fight with.”
— A team that ships
Source notes pulled from
/api/agent (see below).Developer / agent notes
Fetched from https://whiteboard-75tz.onrender.com/api/agent:
# Whiteboard API
A collaborative whiteboard API that allows agents to create, read, update, and delete drawings. All changes sync in real-time to connected browser clients via WebSocket.
**Base URL:** http://whiteboard-75tz.onrender.com
## Quick Start
1. Choose a session ID (any alphanumeric string) or use an existing one
2. POST elements to `/api/sessions/{sessionId}/elements`
3. View the whiteboard at `http://whiteboard-75tz.onrender.com/{sessionId}`
4. All changes appear instantly in connected browsers
### Example: Draw a rectangle
```bash
curl -X POST http://whiteboard-75tz.onrender.com/api/sessions/my-session/elements \
-H "Content-Type: application/json" \
-d '{"type":"rectangle","x":100,"y":100,"width":200,"height":150,"color":"#3498db","strokeWidth":2}'
```
Then view at: http://whiteboard-75tz.onrender.com/my-session
## User Interface
The whiteboard features a horizontal toolbar design for easy access to all tools.
### Primary Toolbar (Top Row)
| Group | Contents |
|-------|----------|
| Brand | Logo, Session ID |
| History | Undo, Redo |
| Drawing Tools | Select, Pen, Line, Arrow, Rectangle, Circle, Note, Text |
| Edit Tools | Eraser, Clear All |
| Session | User count, Share button |
### Options Bar (Second Row)
| Group | Contents |
|-------|----------|
| Colors | 8 preset colors (Black, Red, Blue, Green, Orange, Purple, Teal, Dark Gray) |
| Stroke | Thin (2px), Medium (4px), Thick (8px) |
| Contextual | Tool-specific options (e.g., arrow style when arrow tool selected) |
| Zoom | Zoom out, percentage, Zoom in, Reset |
| Export | PNG, SVG export buttons |
### Keyboard Shortcuts
| Key | Action |
|-----|--------|
| V | Select tool |
| P | Pen tool |
| L | Line tool |
| A | Arrow tool |
| R | Rectangle tool |
| C | Circle tool |
| N | Note tool |
| T | Text tool |
| E | Eraser tool |