Element Blur Extension

A simple and user-friendly browser extension that allows you to blur elements on any webpage. Perfect for hiding sensitive information or focusing on important content.

elementBlur.Demo.mp4

Features

• Blur any element on a webpage with a click
• Easy-to-use toolbar interface
• Customizable blur intensity
• Lightweight and privacy-friendly

Installation

1. Download or clone this repository.
2. Open your browser's extensions page (e.g., chrome://extensions/ for Chrome).
3. Enable "Developer mode" (usually a toggle in the top right).
4. Click "Load unpacked" and select the extension folder.

Usage

1. Click the extension icon in your browser toolbar.
2. Use the provided toolbar to select and blur elements on the page.
3. Adjust blur intensity as needed.
4. To remove blur, refresh the page or use the toolbar controls.

Files

• manifest.json: Extension configuration
• background.js: Background script
• content.js: Main logic for blurring elements
• toolbar.html, toolbar.css: Toolbar UI
• styles.css: Additional styles
• images/: Extension icons

License

MIT License

---

Consider buying me a coffee

Created with ❤️ for privacy and productivity.