Guide

Master the collaborative whiteboard. Everything from basic drawing to advanced grouping and z-index management.

🚀 Getting Started

  1. 1Select a tool from the floating toolbar at the bottom center of the screen.
  2. 2Your drawings are saved automatically to your browser. You can refresh safely.

🎨 Core Tools

Select & Move (V)

Click any shape to select it. Drag to move, or use the 8 handles to perfectly scale and resize it.

Pan / Hand Tool (H)

Click and drag the canvas to move around the infinite workspace without drawing.

Pencil (P)

Draw smooth, pressure-simulated freehand strokes. Perfect for handwritten notes.

Shapes (R, C, D)

Draw Rectangles, Circles, Diamonds, Lines, and Arrows using precise vector math.

Image (I)

Insert local images directly onto the canvas. They can be resized and grouped like any shape.

Eraser (E)

Click or drag across shapes to instantly delete them from the canvas.

✨ Advanced Features

Multi-Selection

Using the Select tool, click and drag on the empty canvas to create a blue selection box. Any shape caught inside the box will be selected simultaneously. You can then move or delete them all at once.

Grouping & Z-Index

When you have multiple items selected, you can Group them (Cmd+G). Grouped items scale and move as a single perfect unit. You can also arrange overlapping objects. Right-click or use the context menu to Bring Forward, Send Backward, Send to Back, or Bring to Front.

Infinite Canvas & Zoom

Use your trackpad, scroll wheel, or the on-screen zoom controls (-/+) to zoom in and out of your designs. Press the "Zoom to 100%" button to quickly snap back to default scale.

⌨️ Keyboard Shortcuts

Tools

Select Tool
V
Hand / Pan
H
Pencil
P
Rectangle
R
Circle
C
Diamond
D
Line
L
Arrow
A
Image
I
Eraser
E

Actions

Undo
CmdZ
Redo
CmdShiftZ
Delete Selected
Backspace
Group
CmdG
Ungroup
CmdShiftG
Select All
CmdA
Zoom In
Cmd+
Zoom Out
Cmd-
Reset Zoom
Cmd0