Skip to main content

Workspace & screenshots

Screenshot & workspace tools — annotate, redact, frame, beautify

The hub for everyone who shares screenshots — developers writing docs, support folks filing bug reports, creators making tutorial threads, and anyone who needs to hide private info before posting. This page sorts the annotate, redact, frame and beautify tools by the job so you find the right one fast. Every tool runs entirely in your browser; your screenshots never travel and never get logged.

  • No uploads — files stay on your device
  • WebAssembly fast
  • Works offline
  • 100% free, no sign-up

8 tools in Workspace & screenshots

Browse all categories
Resume BuilderNew

Build a clean one-page resume in your browser. Modern + classic templates. Live form, PDF export, autosave. Nothing uploaded.

Invoice BuilderNew

Professional invoices with multi-currency support, auto-totals, tax. Export as PDF. Saves locally.

Screenshot AnnotatorNew

Add arrows, boxes, highlights, blurs and text labels to any screenshot. Undo/redo, drag handles, PNG/JPG export.

Blur Sensitive InfoNew

Drag rectangles to blur, pixelate or black-bar private info — emails, IDs, faces, API keys.

Window Mockup GeneratorNew

Wrap any screenshot in a macOS, Windows or terminal window frame. Customisable shadow and padding.

Code Screenshot BeautifierNew

Paste code, get a syntax-highlighted screenshot wrapped in a window — perfect for docs and tweets.

Device Frame GeneratorNew

Wrap a screenshot in a phone, tablet, laptop or monitor frame for app store and marketing shots.

Screenshot EditorNew

Crop, resize, annotate, blur, pad and frame a screenshot in one editor — no upload, no sign-up.

Start here: which screenshot tool for which job

Pick by what the screenshot needs, then follow the link:

You want toUseNote
Add arrows / highlights / labelsScreenshot AnnotatorFull markup with undo/redo
Redact private info before postingBlur Sensitive InfoUse mosaic/solid for secrets, not soft blur
Make a code snippet look goodCode ScreenshotSyntax-highlighted, themed
Frame a shot in a device mockupDevice FrameApp-store and demo polish
Add browser/OS window chromeWindow MockupDocs and landing-page shots
Generate an invoice or resumeInvoice / ResumeClean PDF export

Who this hub is for, and where to begin

Engineers marking up a UI bug, support teams walking a customer through a fix, indie makers polishing app-store shots, and anyone who has to blank out an email address or API key before a screenshot goes public. If a screenshot might contain customer data or a secret, doing this in the browser means it never becomes an upload sitting on someone's server.

Where to begin: Screenshot Annotator for arrows and callouts, Blur Sensitive Info when the whole job is hiding something private, Code Screenshot for a shareable code image, and Device Frame or Window Mockup for polish. One safety pointer worth carrying over: for anything truly secret, the redaction tool's mosaic or solid-bar modes hold up where a soft blur may not.

Frequently asked questions

  • Are screenshots ever uploaded?

    No. The whole pipeline — image decoding, annotation rendering, blur effects, frame composition, export — runs in your browser using the Canvas API. Screenshots stay on your device, which matters when they contain customer data, API keys, or any other information you wouldn't paste into a random web tool.

  • What's the difference between the Annotator and the Blur tool?

    Screenshot Annotator is the full-feature page — arrows, boxes, highlights, blur regions, text labels, undo/redo. Blur Sensitive Info is a focused subset for one job: redact private regions before sharing. They share the same blur engine, so output quality is identical.

  • Is this a Carbon / Snappify / Ray.so alternative?

    Code Screenshot is the SnapToolz equivalent of those tools — paste code, get a beautiful syntax-highlighted screenshot wrapped in a window. The crucial difference: those tools all process your code on their servers (or via a server-rendered API). SnapToolz runs the syntax highlighting and rendering in your browser, so your code never leaves the page. Quality of the highlighter is good-enough for screenshots; for IDE-grade highlighting use your editor's snapshot tool.

  • Can I use my own logo or brand colours in the mockups?

    Window Mockup and Device Frame use neutral chrome by default. You can adjust the shadow, padding, background colour, and (for windows) the URL bar text. Custom logos / branding overlays are on the roadmap.

  • What languages does the code screenshot tool support?

    JavaScript, TypeScript, Python, Go, Rust, HTML, CSS, JSON, Bash, SQL, Markdown and plain text. Five themes — Midnight, Dracula, GitHub Dark, GitHub Light, and Atom One Dark. Adding a new language is ~30 lines of regex — open an issue if you want one.

  • How is the blur secure for redacting passwords or API keys?

    Blur smears pixels — it's the smoothest visually but the *least secure* (some public tools can partially deblur weak Gaussian blurs). For passwords, API keys, or anything cryptographically sensitive, use Mosaic with a 24px+ block size or Solid black bars — both are irreversible.

  • Are my files uploaded anywhere?

    No. Every SnapToolz tool runs entirely in your browser using JavaScript and WebAssembly. Files are read locally, processed in memory, and the result is offered as a download. There is no backend.

  • Is everything free?

    Yes — every tool in this category and on the entire site is free with no sign-up, no daily limit, and no watermark.

Learn more about SnapToolz