Personal ProjectBrowser Extensions / Productivity Tools

BlurPage – Chrome Browser Extension

A Chrome browser extension that blurs web pages for privacy and focus, applying the effect across all open and newly loaded tabs. Developed as a learning project using HTML, CSS, and JavaScript.

Project Details

Project Type
Personal Project
Category
Browser Extensions / Productivity Tools
2026-04-27
Tech Stack
JavaScript
HTML
CSS
Chrome Extension
Browser APIs
B

BlurPage is a Chrome browser extension designed to provide users with the ability to blur the entire content of a webpage. The extension works on all open tabs as well as newly opened tabs, offering a simple tool for privacy, focus, or content control.

Highlights

  • - Applies a blur effect to all open and newly loaded tabs in the Chrome browser
  • - Developed as a learning project using standard web technologies (HTML, CSS, JavaScript)
  • - Easy-to-use toggle functionality to enable or disable the blur effect
  • - Lightweight extension with minimal impact on browser performance
  • - Source code available on GitHub for learning and experimentation: https://github.com/l33t-c0d3r-66/BlurPage-Extension-Chrome

Impact

  • - Provides a simple privacy and focus tool for users browsing the web
  • - Demonstrates understanding of Chrome extension APIs and frontend web technologies
  • - Serves as a base for more advanced browser extension features and personalization

Technical Overview

  • - Built with HTML, CSS, and JavaScript
  • - Utilizes Chrome Extension APIs to detect and modify content across browser tabs
  • - Lightweight, performance-optimized code for smooth operation

Delivery

Developed as a personal learning project to explore Chrome extension development and browser APIs.