Mock it up. Mark it up. Blur it out.
A free browser extension to edit text, swap images, draw, annotate, blur or redact right on the live webpage — for mockups, bug reports, tutorials, demos and screen shares.
Featured on the Chrome Web Store 9,700+ users across Chrome, Edge and Firefox
FREE & OPEN SOURCE · NO ACCOUNT · NO TRACKING
| Invoice | Contact | Amount | Status |
|---|---|---|---|
| INV-20418 | m.okafor@acme-robotics.com | $71,225.00 | Paid |
| INV-20417 | finance@acme-robotics.com | $71,225.00 | Paid |
| INV-20416 | m.okafor@acme-robotics.com | $68,900.00 | Overdue |
Six tools. One click each.
Edit
Click any text and rewrite it. Alt+R replaces every occurrence at once. Double-click an image to swap it for a local file.
Annotate
Arrows, circles, boxes, text notes, freehand Pen and a highlighter that keeps the text underneath readable. Advanced adds numbered Steps.
Blur
Click an element or drag an Area, then choose Soft or Strong directly. Select an existing blur to edit or remove it.
Hide & Area
Hide a whole element, or target a precise rectangular area with Blur or Redact — no element required.
Redact
An opaque block over text, images, video or canvas. Undoable on the page; the captured pixels contain no blurred source.
Screenshot
Capture what's on screen with every edit applied. The toolbar and overlays hide themselves first, so they never end up in the shot.
Blurring hides it.
Redaction removes it.
A blur keeps every pixel it started with — it just spreads them out. Given the original layout and a known blur radius, that is often enough to reconstruct what was underneath. Redaction has nothing left to reconstruct.
A dramatisation, not a real attack — but the principle holds. Use Redact when the content genuinely must not leak.
Essentials by default.
Advanced when needed.
The complete everyday workflow stays visible. Repeat-use and administrative controls remain one click away.
Essentials
What the toolbar opens with
- Edit and Annotate content
- Blur, Hide and Redact elements, plus Area targeting
- Annotate — arrows, circles, boxes, Pen, highlighter and text
- Undo, Redo, Screenshot and Reset
Everything needed for the everyday workflow.
Advanced
One click awayEverything above, plus
- Scope — apply a rule to one URL path or one site origin
- Rules panel — review, locate, re-scope or delete any rule
- Export / import your rules as JSON
- Annotate: numbered Steps for walkthroughs
Your choice is remembered.
Built for the keyboard.
What people use it for.
"Super simple. As a product manager I have to screenshot from the web or mock up products. This has already filled my needs easily and quickly!"
"Great tool for editing screenshots cleanly. Saves me a ton of time!"
"Easy to use, much better than other blurring extensions."
"Does the same thing as similar extensions but is open source and regularly updated. This gives me more confidence."
"Very easy to use, a great way to hide personal or distracting stuff!"
"This is so easy to use and very useful in my mockup. Awesome work!"
Keep the useful part
free.
Content Edit & Blur stays free, open source, and free of tracking. If it has saved you time, sponsorship helps fund browser-store maintenance, compatibility work, and future improvements.
No paywall. No sponsor prompts inside the extension.
It never phones home.
Not even once.
The extension makes no external requests of any kind. No telemetry, no analytics, no account. Everything you edit stays in your browser's local storage.
No network calls, so nothing to intercept and nothing to leak.
Your rules live in chrome.storage.local. Never synced, never uploaded.
A 24-line script runs on pages, only to track the last right-clicked element. The editor loads on demand.
MIT licensed, every line on GitHub, with the test suite that guards it.
Common questions, plain answers.
What to know before giving a browser extension access to the page in front of you.
- What is Content Edit & Blur?
- It is a browser extension for editing webpage text and images, hiding sensitive information, adding annotations and capturing clean screenshots.
- How do I edit text on a webpage?
- Open the toolbar, choose Edit, then click the text. Use Alt+R to replace every matching occurrence or double-click an image to swap it.
- Should I blur or redact sensitive information?
- Use Blur for visual de-emphasis. Use Redact before sharing sensitive data: it replaces the rendered pixels with an opaque block instead of preserving a blurred source.
- Does it collect or upload page content?
- No. It has no analytics, account or external requests. Remembered changes stay in your browser's local storage and never sync to a server.
- Can webpage edits survive a reload?
- Yes. Remember changes is enabled by default. You can save rules for one page or an entire site, pause persistence, or export and import rules as JSON.
- Where can I install it, and is it free?
- All features are free on Chrome, Firefox and Edge. The MIT-licensed source code is public on GitHub.
Use it for the work in front of you.
Focused workflows for product mockups, privacy-safe sharing, documentation and visual bug reports.
Redact sensitive information
Remove emails, account numbers and API keys before capturing and sharing the page.
Live demosBlur before screen sharing
Prepare the real webpage for a call or recording, then reuse page and site rules.
Product communicationEdit text for realistic mockups
Test proposed copy and images inside the interface without rebuilding the product.
QA and supportAnnotate a useful bug report
Mark the exact problem, add a short sequence and capture evidence people can act on.
Go make something
presentable.
Free, open source, and about thirty seconds from being useful.