Online Whiteboard

Start

Loading the whiteboard…

Sketch an idea, map a simple process or arrange notes on a private single-user canvas. Draw with pen or highlighter, add shapes, arrows, text, sticky notes and local raster images, then move, resize, layer and lock objects. The board runs in your browser and exports real image, SVG and editable project files.

How to make a whiteboard

  1. 1

    Start or restore a board

    Name a blank 1920×1080 board, or import a validated Hyperion whiteboard JSON file.

  2. 2

    Draw and arrange

    Use pen, highlighter, lines, arrows, rectangles, ellipses, text, sticky notes and bounded local images.

  3. 3

    Review the whole canvas

    Fit the board to the screen, inspect the semantic layer list and make final edits.

  4. 4

    Export the result

    Download PNG, JPEG or SVG for sharing, or JSON when you want to edit the same board later.

A practical board for one person

This whiteboard is deliberately local and single-user. It is useful for a quick diagram, a lesson outline, a rough interface, a retrospective or a set of thoughts you want to arrange visually. It does not create meeting rooms, shared cursors, public links, accounts or cloud backups. To pass an editable board to another person, export the project JSON and send that file yourself.

The drawing surface is bounded at 1920×1080. That makes exports predictable and prevents an accidental drag from creating an effectively infinite document. Pan and zoom change the editor view, not the actual output dimensions.

Tools, objects and layers

Tool What it creates
Pen An opaque freehand stroke
Highlighter A wider translucent stroke
Line and arrow Straight connectors between two points
Rectangle and ellipse Filled shapes with an outline
Text A plain text box
Sticky note Text on a colored note
Local image A validated PNG, JPEG or WebP embedded in the project

Select an unlocked object to move it. Rectangles, ellipses, text boxes, sticky notes and images also have a lower-corner resize handle; the layer panel provides keyboard-accessible smaller and larger controls. Objects can be duplicated, deleted, moved forward or backward, and locked against accidental edits. Undo and redo retain up to 100 committed actions in the current editor session.

The layer list mirrors the visual stacking order and gives every object a semantic button. Arrow keys move the selected unlocked object by one board unit, or ten with Shift. Delete removes it, while Ctrl/Cmd+Z and Ctrl/Cmd+Y handle undo and redo. Pointer Events allow the same canvas to accept mouse, pen and touch input; two touch points pan and zoom the view.

Local files, recovery and privacy

Board objects, text and embedded images are not sent through Livewire, added to the URL or submitted to a remote image service. Normal page, asset and analytics requests still happen without board content. The editor temporarily autosaves one bounded working copy in IndexedDB, an on-device browser database. That copy expires after seven days and is not a durable backup.

Project JSON uses a strict versioned schema. Unknown fields, duplicate IDs, unsupported object types, remote image URLs, deceptive image signatures, excessive coordinates and oversized files are rejected before replacing the current board. Images are restricted to PNG, JPEG and WebP with bounded encoded size, dimensions and decoded pixels. Export JSON regularly if the board matters; private browsing, site-data cleanup or browser storage policies can remove the temporary copy.

What each export preserves

  • PNG keeps a lossless raster copy of the whole board.
  • JPEG creates a compact opaque raster copy.
  • SVG keeps vector shapes and text as SVG elements and embeds validated local raster images.
  • Project JSON preserves editable objects for this whiteboard’s importer.

These are download files, not share links. JSON is the only format that can be imported for continued editing; PNG, JPEG and SVG are exports rather than round-trip project formats. Browser file creation uses the Canvas toBlob() path, while drawing and gestures use Pointer Events.

Frequently Asked Questions

No. This is a single-user browser board with no rooms, presence, shared cursors or live collaboration. Export JSON if another person needs an editable copy.

The editor keeps board objects, text, local images and exports in your browser. Normal requests for the page, assets and analytics still occur, but they do not include board content.

You can add bounded PNG, JPEG and WebP files from your device. Remote URLs, SVG, GIF, files with mismatched signatures and images beyond the size or decoded-pixel limits are rejected.

No. Use project JSON for continued editing. PNG, JPEG and SVG capture the board for viewing or sharing but do not preserve the editable object schema for import.

The bounded IndexedDB working copy expires after seven days. Browser cleanup and private-mode policies may remove it earlier, so export JSON for anything you need to retain.

Locking prevents moving, resizing, deleting, duplicating or reordering that object until you unlock it. It remains visible in the canvas and semantic layer list.

No. The current project is autosaved locally, but the 100-action undo and redo history belongs to the active editor session and is not stored in project JSON.

Yes. The canvas accepts touch and pen Pointer Events, including two-pointer pan and zoom. The semantic layer list and size controls also provide an alternative to precise canvas targeting.

Related Tools