swimmingbrain/brainotes

<p align="center"> <img src="static/brainotes-logo-readme.svg" alt="brainotes logo" width="80" /> </p> <h1 align="center">braiNOTES</h1> <p align="center"> Handwritten notes and a whiteboard that run in your browser.<br/> Write with a pen, keep the pdf next to your notes. </p> <p align="center"> <img src="docs/screenshot.png" alt="braiNOTES in Study mode, handwritten notes with a diagram snipped from the slides, and the lecture pdf open on the side" width="800" /> </p> <p align="center"> <a href="https://notes.swimmingbrain.dev"><strong>Try it now &rarr; notes.swimmingbrain.dev</strong></a> </p>

braiNOTES is an open source app for writing by hand, like OneNote or GoodNotes, but in a browser tab. It is made for lectures: the slides open next to your notes or become the pages you write on. There is no account and no server, everything stays in your browser.

Features

• Ballpoint, fountain pen, marker, pencil and highlighter, with pen pressure
• Notebooks on blank, lined, grid or dotted paper, and whiteboards without edges
• Write on a pdf, or read it on the side and snip parts of it into your notes
• Pictures, shapes, text, a lasso, an eraser and a laser pointer
• Export to PDF with the original pages and vector ink, or a page to PNG
• .brainotes files to back up a notebook or share it
• Saves by itself and works offline once it has been opened

Shortcuts

| Key | What it does | |-----|--------------| | P H E V | Pen, highlighter, eraser, select | | S T X L | Shapes, text, snip, laser | | Space | Hand while held | | Ctrl+Z Ctrl+Shift+Z | Undo, redo | | Ctrl+Enter | New page | | PageDown PageUp | Next and previous page | | Ctrl+1 Ctrl+2 Ctrl+3 | Notes, Study, Board | | Ctrl+Shift+F | Present in fullscreen | | Ctrl+K | Command palette | | ? | All shortcuts |

Running locally

pnpm install
pnpm dev

Open http://localhost:5173. pnpm test runs the tests, pnpm check the type checks and `pnp