MockHop — Capture web pages and annotate them

3 min read Original article ↗

MockHop app icon

Capture web pages. Annotate them. Ship the image.

macOS 14 Sonoma or later · Apple Silicon

Untitled Edited Apple Unlock Every Writer's… + https://www.noredink.com/ noredink Sign Up Log In Build better writers Sign up for free! Interested in NoRedInk Premium? Vague and Unnecessary Language Viewport Sizes 2/5 on Widescreen 1,920×1,080 Laptop 1,280×800 Tablet 834×1,194 Mobile 390×844 Custom 1,024×768 + Add size Capture Untitled Edited Aa 19 Fit Export noredink Build better writers Sign up for free! Vague and Unnecessary Language noredink Build better writers Sign up for free! noredink Build better writers Sign up for free! Generic hero copy swap in a teacher-led headline CTA feels cramped give it 24px more vertical room Works on mobile ship this breakpoint

What it does

◱

Capture anything on the web

A built-in browser lets you navigate to any page, then grab the whole tab or a single window. No browser extension, no second app.

✎

Mark it up in seconds

Drop arrows, rectangles, highlights, and text callouts onto the canvas. Drag, resize, snap. The toolbar stays out of your way.

⎙

Export a clean PNG

⌘⇧E gives you a high-resolution image — perfect for sticking in a Slack thread, a design review, or a bug report.

  • Quick Capture from anywhere. A menu-bar item plus a configurable global shortcut start a marquee screenshot from any app. Finish the selection and a floating window with the full annotation toolset is right there — copy, save, share, or send the result to a new MockHop document.
  • Every breakpoint in one click. Pick your viewport sizes — widescreen, laptop, tablet, mobile — and grab the same page at each in a single capture run.
  • Full page or just what's visible. Toggle between snapshotting the whole scroll height or only the part you can see right now.
  • Tabbed browsing, captured. Open multiple URLs in the built-in browser, jump between them, and capture from whichever tab you're on.
  • Color-coded review cards. Critical, warning, and approval notes — pre-styled, auto-numbered, and auto-fitting to your text. Drag a leader arrow out of any note to point at the thing it's about.
  • Callouts & prohibition marks. A line-with-banner callout for tagging things, and an X / circled X / no-symbol set for flagging what shouldn't be there.
  • Crop without losing pixels. A floating crop tool trims images non-destructively — re-crop or restore the full image any time.
  • Pull URLs from your real browser. Grab the front-tab URL straight out of Safari, Chrome, or Arc — no copy-pasting addresses.
  • Capture a window from any browser. Already have the page open in Safari or Chrome? Pick its window and screenshot it directly, useful when you're already logged in elsewhere.
  • Two tabs, one document. Capture on the left, annotate on the right. ⌘1 and ⌘2 flip between them instantly.

Screenshots

Get MockHop

A lightweight download. No tracking, no account, no subscription.

Download MockHop