Whiteboard

This whiteboard gives you a pen, a highlighter (30% opacity), an eraser, and three shape tools (line, rectangle, circle), all on a 800px-wide canvas. Pick a colour from the seven quick-pick swatches or open the colour picker for any hex value. Brush size goes from 1px (precise diagrams) up to 30px (chunky teaching strokes). Undo and redo work for the last 20 actions, so you can experiment without worrying about ruining a good sketch.

The canvas resizes itself to fit your viewport up to 800px wide and 500px tall. On mobile it shrinks proportionally so you can sketch a quick idea on your phone and download it as PNG. Nothing is uploaded - the drawing lives in your browser only - so you can use this for confidential meeting notes, throwaway ideas during a call, or kids' drawing time without any privacy worry. Closing the tab clears everything.

Three situations: explaining a layout, sketching a process flow, or doodling while you think. Note apps force you into linear text, but a network diagram, a kitchen-floor sketch or a quick wireframe needs spatial freedom. Drop a rectangle for the kitchen, a circle for the island, a few lines for the cabinets, and you've communicated more in 30 seconds than two paragraphs of description.

The other use case is teaching. Parents helping with maths homework can draw the carrying-the-1 step rather than describe it. Online tutors can scribble on a shared screen in real time. Remote design reviews go faster when someone can sketch over a screenshot rather than typing 'maybe move the button down a bit'. The PNG export means you can drop the sketch into Slack, an email, a Google Doc, or a child's homework folder. For more permanent diagrams, try [pixel art maker](/pixel-art-maker); for a contained signature, see the [signature pad](/signature-pad).

The highlighter draws at 30% opacity, so overlapping strokes build up colour the way a real highlighter does. Use it to mark up text in a screenshot, draw a coloured background behind a sketch, or shade in regions of a diagram without hiding what's underneath. The eraser doesn't erase your strokes - it draws white, so if you're working over a coloured background, the eraser will leave white marks. To 'erase' on a coloured background, use the same colour as your background.

There's no layer system, which is deliberate - this is a whiteboard, not Photoshop. If you need to edit elements separately, draw your sketch, export to PNG, then start a new whiteboard with the previous PNG as your background reference (open it in another tab next to the whiteboard). For real layered work, a desktop tool like Figma or Procreate is the right answer; this tool is for the 95% of cases where you just need a sketch in 60 seconds.

Line, rectangle and circle work the same way: click to set the start point, drag to where you want the shape to end, release to commit it. While you drag, you'll see a live preview so you can size it visually rather than by guesswork. Hold the same colour and brush size as you had selected for the pen tool; the shape borrows them. Want a filled rectangle? Currently the tool draws outlines only - draw the rectangle, then switch to pen and scribble inside, or use the highlighter for a soft fill.

The most common use of shapes is wireframing. Draw a header rectangle across the top, a sidebar rectangle on the left, a few rectangles for content cards, and you've sketched a webpage layout in seconds. Add the pen tool for labels and arrows. For maths or geometry homework, the line tool plus the circle tool covers most diagrams kids encounter up to GCSE level. Numbers are easier added later in a screenshot annotation tool, but for the rough sketch this is enough.