Show exactly what you mean. Draw guides, arrows and notes on any page, then share a clearer screenshot.
↑ Drag either version to your bookmarks bar to install.
Show your browser’s bookmarks bar and drag either bookmarklet button above into it. Standalone is self-contained and stays on the installed version. Evergreen tries the latest tools from this website, then uses its bundled version if offline, blocked, or unable to load within 3 seconds.
Open a page and click your new bookmark. Draw a guide, circle a detail, or leave a note exactly where it belongs.
Press H to hide the controls. Take a screenshot and share it with a teammate—or your AI.
Updating? Replace your old bookmark by dragging your chosen version again. Or create a bookmark and paste this code into its URL field:
Evergreen (latest release with a bundled fallback):
Use a 32 px grid, adjustable margins, and full-page guides to spot alignment issues. Hold Shift for perfect circles, squares and snapped arrows. Hold Option/Alt to draw shapes from the center or place mirrored guides; combine it with Shift.
Drag marks to move them. Select page elements to reveal Move, Edit text and Delete controls plus editable CSS in the toolbar. Left/right arrows navigate nearby elements; up/down change their layer within the current stacking context; an invisible placeholder keeps the surrounding layout in place. Double-click text to edit it. Click or drag with Counter to place 1, 2, 3 and onward. Shift adds a colored circle with a white number; Option/Alt adds sub-counters such as 1.1 and 1.2. Text size adjusts notes and counters, starting at 24 px with options from 8 to 96 px. Select an element and choose Edit text to change its text, color, and size. Choose a color, undo a change, or clear the page and start fresh.
Grid spacing: 8, 16, 24, 32, 64 or 128 px. Left/right and top/bottom margins default to 16 px. Arrow keys change margins by 8 px; Shift changes them by 1 px. Option/Alt + Up/Down jumps through 8, 16, 32, 64, 128, 256, 512 and 1024. Live width and height measurements fade after a pause. The grid is a visual reference; it doesn’t snap your marks.
The toolbar opens in the bottom-right corner. Drag its header to move it. H hides it and enables Browse mode; H again restores your previous tool. Escape asks before closing and discarding your annotations. Delete removes a selected mark; Cmd/Ctrl + Z undoes changes outside Browse mode. Shortcuts leave text fields alone. Option/Alt-drag a page element to move it directly, or Shift-click to edit text. Select a page element and choose Edit text; color and text size apply to the focused text. Text-only wrappers are handled automatically; larger containers start with their first text block. Click Done to finish. Edits stay local and remain visible when you hide the toolbar. Undo reverts edits; Clear or closing Saga Merk restores the original page, including moved or deleted elements.
Line up the edges. Point at the gap. Add a note. This page is your first canvas.
Marks stay fixed to the viewport and disappear when you refresh or close. Browser settings pages, some PDF viewers, and sites with restrictive security policies may block bookmarklets.
