Capture anything. Edit it instantly.
Open-source screenshot extension for Chrome — full-page, region, and visible-area capture with a built-in annotation editor and PDF export. 100% local and private: works fully offline, and your screenshots never leave your device.
➜ Add to Chrome · Website · Docs · Support · Roadmap
Capture the entire scrolling page (scroll-and-stitch), the visible viewport, or a selected region — then annotate the result and export as PNG, JPEG, WebP, or PDF. Built as a Manifest V3 extension with no servers, no accounts, and no telemetry.
| 1 · Capture | 2 · Edit | 3 · Export |
|---|---|---|
 |
 |
 |
One click in the popup, a keyboard shortcut, or keys 1–3 |
Full-screen editor opens on every capture, undo all the way | PNG, JPEG, WebP, or multi-page PDF — download or clipboard |
- Full Page — scroll-and-stitch the whole page top to bottom with live progress; fixed headers are composited once at the top. Works on pages that scroll an inner element, too.
- Visible Area — capture exactly what's on screen right now.
- Selected Region — click & drag to grab an area, with a Capture/Cancel bar to confirm.
- Annotation editor — rectangle, arrow, pen, highlighter, text, numbered step badges, blur, crop; select, move/resize, undo/redo; color, stroke width & font size remembered across sessions.
- Export — PNG, JPEG, WebP, and PDF (single or multi-page with overlap), or copy straight to clipboard with
Cmd/Ctrl+C. - Keyboard-first — capture shortcuts, number keys
1–3in the popup, and a "reopen last capture" escape hatch. - Settings — theme, default format, quality, filename template, PDF defaults.
- Polished & accessible — dark/light UI, modal focus trap, toolbar arrow-key navigation.
From the Chrome Web Store — Add to Chrome. That's it.
From source — see Development below.
openscreenshot (npm) is a separate, optional, local tool for scripting screenshots from
the command line or from an AI agent. It drives the Chrome already on your machine (no
browser download) and runs entirely on your machine — no account, no hosted service. The
browser extension above is unaffected: it stays a client-side, no-server capture tool.
Run it — no install needed:
npx openscreenshot shot https://example.com --out shot.png --fullSet CHROME_PATH if your Chrome can't be found automatically.
MCP server (for agents) — add to your MCP client config:
{ "command": "npx", "args": ["openscreenshot", "serve"] }Then call the capture_screenshot tool with { "url": "https://example.com" }.
Like the extension, this tool runs locally and uploads nothing — it just renders a page and hands you the PNG.
OpenScreenShot requests the minimum permissions a screenshot tool needs — and explains every one:
| Permission | Why |
|---|---|
activeTab |
Access the current tab — only when you click the extension or use a shortcut |
scripting |
Inject on-demand page functions for scroll-and-stitch & region selection |
storage (+ unlimitedStorage) |
Settings, onboarding state, and stashing large full-page PNGs for the editor |
downloads |
Save exports to your Downloads folder |
options_ui |
The editor is registered as a full-tab options page so crxjs bundles it; opened after each capture |
host_permissions is empty. We never request <all_urls> — activeTab grants access
on your click, and scripting runs only within that grant. The extension cannot read any
site in the background.
100% local. 100% private. Works fully offline.
Your screenshots never leave your device — there are no servers, no accounts, no sign-ups, and no tracking. Every capture, edit, and export happens right inside your browser, so nothing is ever uploaded, stored in the cloud, or seen by anyone but you. You could pull the network cable and it would work exactly the same.
Read the full Privacy Policy.
- TypeScript (strict) + Preact for the popup/editor UI
- Vite + @crxjs/vite-plugin for Manifest V3 bundling & HMR
- Canvas compositing in-page via on-demand
chrome.scriptinginjection (no offscreen document needed) - jsPDF (lazy-loaded, zero vulnerabilities) for PDF export
- Vitest for unit tests, Playwright for e2e (planned)
- Node.js 22+
- npm 10+
npm install
npm run icons # generate the extension icons into public/icons
npm run dev # start Vite + crxjs with HMR (writes to dist/)Then load the extension in Chrome:
- Open
chrome://extensions - Enable Developer mode (top right)
- Click Load unpacked and select the
dist/folder
npm run build # type-check + bundle into dist/Load dist/ as an unpacked extension, or run npm run package to produce
openscreenshot-vX.Y.Z.zip for the Chrome Web Store.
| Script | Description |
|---|---|
npm run dev |
Vite dev server with extension HMR |
npm run build |
Type-check and bundle the extension into dist/ |
npm run typecheck |
Run tsc --noEmit |
npm run lint |
ESLint (flat config) |
npm test |
Run unit tests (Vitest) |
npm run icons |
Regenerate extension icons from the SVG source |
npm run shots |
Re-render the marketing screenshots (docs/assets) |
npm run format |
Format the codebase with Prettier |
npm run package |
Build + zip dist/ for store submission |
openscreenshot/
├── manifest.json # MV3 manifest (crxjs entry)
├── public/
│ ├── icons/ # generated extension icons
│ └── _locales/en/ # i18n messages
├── src/
│ ├── background/ # service worker (capture coordinator)
│ ├── content/ # on-demand capture funcs (scroll, region)
│ ├── editor/ # annotation editor + export (Preact, own tab)
│ ├── popup/ # popup UI (Preact)
│ └── shared/ # design tokens, messaging, storage, types, utils
├── mcp/ # optional local CLI + MCP server
├── tests/ # unit + e2e tests
└── scripts/
├── generate-icons.mjs # SVG → PNG/ICO icon pipeline
└── shots/ # marketing screenshot pipeline (npm run shots)
Contributions are welcome! See CONTRIBUTING.md. Please follow the Code of Conduct. Curious what's next? Check the public roadmap.
OpenScreenShot is free and open source. If you find it useful, consider supporting its development — every coffee helps!
MIT © OpenScreenShot Contributors