BlurShot

BlurShot is a Chrome Extension (Manifest V3) that lets you select elements on any webpage and blur them locally. It is designed for safer demos, screenshots, and screen sharing by visually obscuring sensitive information.

Screenshots

Features

• Works on any webpage.
• Toggle selection mode from the popup.
• Hover highlight, click to blur.
• ESC exits selection mode.
• Clear all blurred elements.
• Adjustable blur strength.
• No data upload or server usage.

How it works

The content script adds a lightweight overlay for hover highlighting and applies a CSS filter: blur() directly to selected elements. This is entirely local to your browser tab.

Limitations (important)

BlurShot only visually hides information on your screen. Screenshots and screen recordings can still capture the blurred view. Anyone with access to the page’s DOM or developer tools may still inspect the underlying content.

Install (Unpacked)

1. Open Chrome and go to chrome://extensions.
2. Enable Developer mode.
3. Click Load unpacked and select this folder.

Usage

1. Click the extension icon to open the popup.
2. Enable Selection Mode.
3. Hover to see highlight, click to blur an element.
4. Press ESC to exit selection mode.
5. Adjust Blur strength as needed.
6. Click Clear blurred elements to reset.

Project files

• manifest.json — Extension configuration (MV3).
• content_script.js — DOM hover, selection, and blur logic.
• popup.html, popup.css, popup.js — Popup UI and controls.

Privacy

All blurring is done locally in the browser. No data is sent anywhere.

Troubleshooting

• If selection mode does not work, refresh the tab and try again.
• Some pages with heavy scripts may intercept clicks; try enabling selection mode again.

License

MIT