DollyNote is a minimalist whiteboard that lives in a single HTML file.
It lets you sketch, write, pan, zoom, save the current canvas into the URL hash, and export a self-contained HTML copy that can be reopened and edited again. The exported file behaves like a clone of the current board, which is where the name DollyNote comes from.
- Single-file app with no build step
- Infinite-feeling canvas with pan and zoom
- Pen, text, and eraser tools
- Multiple colors and stroke sizes
- Undo and redo
- Save current board state into the URL hash
- Export the current board as a standalone HTML file
- Re-open exported HTML files and continue editing or re-exporting
DollyNote stores the current drawing and viewport state inside the page hash.
When you click the save button, the app serializes the current board into a compact hash string and writes it into the URL.
When you click the download button, DollyNote generates a new HTML file based on the current page, injects the latest hash as startup state, and downloads that file. Opening the exported HTML restores the board automatically.
- Open dolly-note.prod.html in a browser.
- Draw with the pen tool, add text, or erase content.
- Use drag, wheel, or gesture controls to move around the canvas.
- Click save to copy a shareable link with the current state in the URL.
- Click download to export a standalone HTML copy of the current board.
P: penT: textE: eraser0: reset viewCtrl/Cmd + Z: undoCtrl/Cmd + Y: redoCtrl/Cmd + Shift + Z: redoSpace+ drag: pan- Mouse wheel / trackpad: pan
CtrlorCmd+ wheel: zoom
- dolly-note.prod.html: the full application, including UI, rendering, state encoding, restore logic, and standalone HTML export
- This project currently depends on Google Fonts and the LZ-String CDN.
- Exported HTML files preserve editing capability.
- Exported file names include a timestamp to avoid accidental overwrites.
MIT License. See LICENSE for details.