LIVEReading: Free Hand-Drawn Whiteboard in Your Browser — No InstallTotal time: 5 minSteps: 5Worked first time: 97% LIVEReading: Free Hand-Drawn Whiteboard in Your Browser — No InstallTotal time: 5 minSteps: 5Worked first time: 97%
CBW
Free Hand-Drawn Whiteboard in Your Browser — No Install
Easygithub.com/excalidraw/excalidraw2026-06-02

Free Hand-Drawn Whiteboard in Your Browser — No Install

Excalidraw is a free, open-source virtual whiteboard that lets you sketch hand-drawn style diagrams, wireframes, and notes. You can use it instantly in a browser with no account required.

// Build stats

  • Total time5 min
  • Number of steps5
  • DifficultyEasy
  • Worked first time97%
// Before you start

What you need

  • A modern web browser (Chrome, Firefox, Edge, or Safari)
  • No coding skill needed for basic use
  • Optional: Node.js 18+ if you want to run it locally offline
01
Step 1 of 5

Open Excalidraw in your browser

30 sec

The fastest way to use Excalidraw is to visit the hosted version at excalidraw.com. Nothing to install. It works offline after the first load because it is a Progressive Web App (PWA). Your drawings are saved automatically in your browser — they stay there even if you close the tab.

Terminal · mac
$ https://excalidraw.com
What you should see
A blank infinite canvas opens with a toolbar on the left and top. You are ready to draw.
02
Step 2 of 5

Draw your first diagram

5 min

The toolbar on the left holds all the tools: rectangle, circle, diamond, arrow, line, text, free-draw, and eraser. Click a shape, then click and drag on the canvas to place it. Press V to go back to the selection tool. Double-click any shape to add a label. Use the scroll wheel to zoom, and hold Space then drag to pan around the canvas.

Terminal · mac
$ No command needed — use the mouse or trackpad on the canvas.
What you should see
Shapes appear on the canvas in a hand-drawn style. Labels sit inside or next to shapes.
This might happen

Accidentally deleted something

Press Ctrl+Z (Windows/Linux) or Cmd+Z (Mac) to undo. Excalidraw has unlimited undo steps.

03
Step 3 of 5

Save your work as a file

1 min

Excalidraw auto-saves to your browser storage, but that can be lost if you clear browser data. To keep a permanent copy, export the drawing as an .excalidraw file. You can reopen this file later and continue editing. You can also export a PNG or SVG image if you just need a picture.

Terminal · mac
$ Click the hamburger menu (top-left) → Save to disk —OR— press Ctrl+S (Windows/Linux) or Cmd+S (Mac)
What you should see
A file named drawing.excalidraw (or your chosen name) downloads to your computer.
This might happen

Browser blocks the download

Allow downloads from excalidraw.com in your browser's site permissions, then try again.

04
Step 4 of 5

Share and collaborate in real time

1 min

Excalidraw has built-in real-time collaboration with end-to-end encryption. Click the 'Live collaboration' button (the people icon in the top toolbar). A shareable link is generated. Send that link to anyone. Everyone who opens it can draw on the same canvas simultaneously. The encryption key is in the URL fragment, so the Excalidraw servers never see your content.

Terminal · mac
$ Click the collaboration icon (top toolbar, looks like two people) → Copy the generated link → Share it
What you should see
A unique URL appears. Anyone who opens it joins the same live canvas.
This might happen

Collaborators see a blank canvas instead of your drawing

Make sure you share the full URL including the # part at the end — that is the encryption key. Shortening the URL will break it.

05
Step 5 of 5

(Optional) Install it locally so it works fully offline

5 min

If you need a fully self-hosted copy — for example on a private network — you can run Excalidraw locally using Node.js. The commands below clone the repository and start a local development server. After this, the app runs at http://localhost:3000 on your machine only.

Terminal · mac
$ git clone https://github.com/excalidraw/excalidraw.git
$ cd excalidraw
$ npm install
$ npm start
What you should see
The terminal prints a localhost URL. Opening http://localhost:3000 in your browser shows the full Excalidraw editor.
This might happen

npm install fails with Node version errors

Run 'node -v' to check your version. You need Node.js 18 or higher. Download it from nodejs.org, then retry.

// Status

cooked. baked. worked.

A fully functional hand-drawn style whiteboard running in your browser. You can sketch diagrams, export them as PNG/SVG/.excalidraw files, and optionally invite others to collaborate in real time.

// the honest bit

The honest part

The hosted version at excalidraw.com is the easiest path and works for most people. Real-time collaboration and shareable links only work on the hosted version — the local dev server does not include the collaboration backend. The npm package is for developers embedding Excalidraw inside their own web app, not for standalone use. If you just want a whiteboard, skip steps 4 and 5.