DEV Community

Cover image for A chalkboard in the browser built for screen recordings, with keyboard keys for everything
Usman Bashir
Usman Bashir

Posted on Originally published at svglab.app

A chalkboard in the browser built for screen recordings, with keyboard keys for everything

Ask ChatGPT or Gemini for an online chalkboard to record tutorials on and you get two halves: Excalidraw for the recording, Chalk Draw for the chalk look. SVG Lab (svglab.app) has had both in one screen since 18 October 2026, as its Chalk Board mode.

A lesson drawn in chalk on SVG Lab's Chalk Board: Browser, Server and Database boxes with request, query, rows and HTML back arrows
Drawn on svglab.app on 27 October 2026, as a guest.

Open it

The Editor | Chalk Board switch beside the SVG Lab logo. A dark board fills the screen with one small toolbar. Esc, or the way back in the board's small bar, returns to the editor on the page you left. Boards live on their own Chalk Board page in the project and never show up among your design pages.

Keys

Key Does
P, A, L, R, O, T, E (or 1 to 8) pen, arrow, line, rectangle, circle, text, eraser
V move
Shift (with arrow) snap to 45 degrees
F next lettering (Felt tip, Marker, Chalk, Print, Round, Quick note, Pen, Clean, Code)
H hide or show the toolbar
Page Up / Page Down previous or next board (a presentation clicker works too)
Ctrl+Z undo, including Clear

Chalk colours: white, lime, yellow, pink and blue. With Move picked, a colour repaints what you picked.

SVG Lab Chalk Board keys cheat sheet

Recording

SVG Lab does not record the video; capture the window with OBS or whatever you use. Press H and the frame is just the board, with a small tab at the top to bring the toolbar back.

The same lesson with the toolbar hidden after pressing H
After H. Watch the 17-second clip of the board being drawn and the toolbar hidden.

+ Board adds a board beside the current one, and the Board button lists them to jump to or delete.

Import and export

Import takes an SVG or a picture and leaves it exactly as it is, as one piece; only what you draw gets chalk. Artwork pasted from the SVG Lab editor in near black turns chalk white. Export downloads the board as an SVG with the chalk texture kept.

Cost

The SVG Lab editor is free and Chalk Board mode is part of it. Free accounts have 3 projects and 3 exports a month; Starter is $7 a month with unlimited exports.

Full guide with FAQ: What is a good online chalkboard for screen recordings?

Top comments (0)