The Online Whiteboard: A Complete Guide to Drawing, Teaching, and Brainstorming in Your Browser

A whiteboard is the most flexible thinking surface ever invented: draw a diagram, jot a formula, sketch a wireframe, map an idea, then wipe it and start again. The Online Whiteboard brings that surface into your browser — no app to install, no account to create, and nothing uploaded to a server. This guide covers what it does, how to use each tool, and the workflows that make a digital board better than a physical one.

Why use a digital whiteboard

A physical whiteboard has one board and a fragile record: erase it and the idea is gone. A digital board keeps everything. You can undo a mistake, move a shape after you drew it, drop in an image, add extra pages, and export the whole thing as an image or PDF when the meeting ends. Because this board runs entirely on your device, your notes stay private — nothing you draw ever leaves the browser tab.

That combination — infinite canvas, editable objects, instant export, complete privacy — is why teachers, designers, and remote teams reach for a digital board for lessons, planning sessions, and quick sketches.

How to use the Online Whiteboard

1. Open the Online Whiteboard — it loads a blank board instantly.
2. Pick a tool from the toolbar: pencil, brush, highlighter, a shape, text, or a sticky note.
3. Choose a color from the palette and set the brush size and opacity.
4. Draw directly on the canvas with a mouse, trackpad, touchscreen, or stylus.
5. Switch to the Select tool to move, resize, duplicate, or delete anything you have drawn.
6. Export your board as a PNG, JPEG, SVG, or PDF — or save it as an editable board file to continue later.

Your work autosaves to the browser as you go, so a refresh will not lose it.

The drawing tools

The board treats what you draw as real objects, not just pixels, which is what lets you edit after the fact.

• Pencil and brush — freehand strokes with smooth curve rendering. Pencil is thin and precise; brush is rounder and bolder.
• Highlighter — a wide, semi-transparent stroke for emphasizing text and areas without hiding what is underneath.
• Marker — a solid, confident line for headings and bold annotation.
• Eraser — removes whole strokes and objects in one click rather than smudging.
• Text — click anywhere to type; set the font, size, and color.
• Sticky notes — colored notes you can drag, resize, and edit, perfect for brainstorming and retros.

Shapes, colors, and precision

Need something exact? Switch to a shape — rectangle, rounded rectangle, ellipse, line, arrow, triangle, diamond, or star — and drag to draw it. Hold Shift while dragging to keep a perfect square or circle. Turn on Fill to give a shape a solid color, or leave it as an outline.

The color palette offers quick presets plus a custom color picker, and the size and opacity sliders control every stroke. Because each shape stays editable, you can recolor, resize, or restack it at any time using bring to front and send to back.

Backgrounds, pages, and navigation

A blank white board is only the start. Switch the background to a blackboard, grid, dot grid, ruled lines, or an isometric grid to match the task — graph paper for charts, dots for bullet-journaling, isometric for 3D sketches. Add as many pages as you need and step between them, which turns the board into a simple slide deck for a lesson or pitch.

Zoom in for detail and pan around a large canvas with the scroll wheel or by holding the spacebar and dragging. Reset the zoom to 100% whenever you lose your place.

Inserting images and annotating

Drop a screenshot, photo, or diagram straight onto the canvas — drag a file in, paste from the clipboard, or use the image button — then resize and position it. This makes the whiteboard a fast way to annotate an existing image: mark up a screenshot for feedback, circle a detail on a photo, or add arrows and labels to a diagram.

Exporting and sharing your board

When you are done, export the board in the format that fits:

• PNG — a crisp image with a transparent background, ideal for embedding.
• JPEG — a compact image on a white background for quick sharing.
• SVG — a true vector file that scales to any size without blurring.
• PDF — every page in one document, ready to print or send.
• Board file (JSON) — a fully editable save you can reopen and keep working on.

You can also copy the board straight to your clipboard or print it. For a live session, the present mode fills the screen and adds a laser pointer to guide your audience.

Keyboard shortcuts that speed you up

The board is built for flow. Press P for pencil, B for brush, H for highlighter, T for text, E for eraser, and S for select. Use R, O, and L for rectangle, ellipse, and line. The bracket keys [ and ] shrink and grow the brush, Ctrl+Z and Ctrl+Y undo and redo, Delete removes the selection, and F enters fullscreen present mode.

Related tools

To mark up a single photo without a blank canvas, Annotate Image is more direct. To sample a color from an image for your drawing, use the Color Picker. If you only need to place words on a picture, Add Text to Image is purpose-built, and Images to PDF turns exported board pages into a bound document.

Common uses

• Teaching and tutoring — work through problems live, then export the board as notes for students.
• Brainstorming and retros — sticky notes and arrows on an infinite canvas.
• Wireframing and diagrams — shapes, text, and grid backgrounds for quick UI and flow sketches.
• Feedback and markup — drop in a screenshot and annotate it with arrows and highlights.
• Planning — mind maps, timelines, and flowcharts across multiple pages.