Basics•4 min read

Getting Started with Whisker Board

Summary: A complete walkthrough of the Whisker Board interface, canvas tools, shape bounding, and auto-saving system.

1. The Calm Canvas Interface

Whisker Board is built on top of high-performance HTML5 Canvas rendering. Unlike traditional cluttered drawing tools, Whisker provides a calm, distraction-free environment with intelligent tool auto-docking and ambient status feedback from Whisker the cat.

💡 Pro Tips:

Press 'V' to select the hand pan tool or hold Spacebar while dragging.

Press 'R' for rectangles, 'D' for diamond decision nodes, and 'E' for ellipses.

Double-click inside any shape to immediately type text centered within the container.

2. Container-Bound Labels

One of the most frustrating parts of visual diagramming is moving a shape and having its label stay behind. In Whisker Board, every rectangle, diamond, and ellipse natively encapsulates its label. When you move, resize, or style a box, the text smoothly stays anchored.

3. Local-First Auto-Saving & 25-Board Manager

Every stroke you make is automatically saved to your browser's persistent IndexedDB storage with zero lag. You can store up to 25 full whiteboards completely free without even creating an account. Click the 'Whisker' logo in the top-left to switch between boards or start a fresh canvas anytime.

Ready to try Whisker Board?

Start drawing, planning architectures, and using AI diagrams with no account required upfront.

Open Free Canvas