MindfulBrowse is a Chrome extension that tracks time on distracting sites, nudges you to set limits, and grays pages to curb mindless browsing. It helps you reclaim your focus and build healthier browsing habits.

How It Works

The extension operates through two main components:

1. Content Script (content.js): Injected into the specified distracting websites. It is responsible for tracking user activity, displaying prompts, and applying visual changes like the grayscale filter.
2. Background Script (background.js): The persistent service worker that acts as the brain. It securely handles all data logic, such as saving session times, calculating averages, and storing user-defined limits in local storage.

Codebase

github repositories:

https://github.com/uttam-on-git/MindfulBrowse

UI Showcase