✏️ Review Pen

Draw on any website and pin numbered sticky notes, then export a change list and a screenshot. It runs only in your browser, on top of the page you're viewing. It never changes the site. Free, with no account and no tracking.

✏️ Review Pen ⬅ Drag this button to your bookmarks bar.

Mac: Chrome

  1. Press ⌘⇧B to show the bookmarks bar.
  2. Drag the red ✏️ Review Pen button onto the bar.
  3. Open the site you're reviewing and click Review Pen in the bar.

Mac: Safari

  1. Press ⌘⇧B to show the Favorites bar.
  2. Drag the red ✏️ Review Pen button onto the Favorites bar.
  3. Open the site and click Review Pen.

If nothing happens in Safari, turn on Settings → Advanced → “Show features for web developers,” then check Develop → “Allow JavaScript from Smart Search Field.”

iPad: Safari

You can't drag a bookmarklet on iPad, so you save it once by editing a bookmark:

  1. Tap Copy bookmarklet code above.
  2. Bookmark this page: tap the Share button, then Add Bookmark. Name it Review Pen and save it to Favorites.
  3. Open Bookmarks, tap Edit, tap the Review Pen bookmark, clear its address, and paste the code. Tap Done.
  4. To use it, open the site, tap the address bar, and tap Review Pen under Favorites. You can also type “Review Pen” and pick the bookmark.

You can draw with Apple Pencil or your finger. While the pen is On, touches draw instead of scrolling. Tap On to switch to Off and scroll.

Cheat sheet

● On / ○ OffOn: you draw or drop notes. Off: the page scrolls and clicks normally, and your markup stays on the page. Esc turns it Off.
✏️ PenFreehand drawing. Pick a swatch or any color with the color well. The three dots set the pen width.
📌 NoteClick or tap to drop a numbered sticky note and type your change. Drag the number to move a note. Tap it to fold the note away. × deletes it.
↶ UndoUndoes the last stroke, note, deletion, or clear, in order. ⌘Z works too while the pen is On.
🗑 ClearRemoves all markup on this page after you confirm. Undo can bring it back.
⤓ ExportCopy list or Download .md gives a numbered change list with the page URL, the date, and where each note sits. PNG: what I see captures the visible screen with your markup, after you choose “this tab” and Share. PNG: full page renders the whole page.
⠿ / ✕Drag the dots to move the toolbar. ✕ closes Review Pen. Clicking the bookmark again hides or shows it.
SavingMarkup is saved automatically in this browser for each page address. It's still there after a reload. Export each page you review.

Good to know