1 How to use our extension

Distraction Mode

Welcome to Distraction Mode


Thank you for installing and using our extension


Features:

Anti-Distraction Mode: Reclaim Your Focus, One Tab at a Time

In today’s digital landscape, the browser is both our greatest tool and our most significant source of distraction. Whether you are a writer trying to finish a manuscript, a student studying for exams, or a professional aiming for deep work, the constant barrage of notifications, the allure of social media, and even the cluttered interface of the browser itself can derail your productivity. Enter Anti-Distraction Mode, a powerful, minimalist Chrome extension designed to strip away the noise and create a sanctuary for your focus.

The Problem: The Cluttered Web

Standard web browsers are designed for multitasking, not deep focus. The address bar, the row of open tabs, the bookmarks, and the extensions bar all compete for your attention. Even if you manage to stay on task, a single glance at a social media tab or a news notification can lead to hours of lost time. Traditional "focus" tools often fall short because they either block too little or are too cumbersome to toggle on and off.

The Solution: Anti-Distraction Mode

Anti-Distraction Mode is built on a simple philosophy: Environment shapes behavior. By transforming your browser into a clean, immersive environment, we help you enter a "flow state" faster and stay there longer. This isn’t just another website blocker; it is a complete interface overhaul that prioritizes your current task above all else.

Core Features

1. Immersive Full-Screen Focus

With a single click, Anti-Distraction Mode enters a specialized full-screen state. It doesn’t just maximize the window; it hides the entire browser UI chrome. No more address bars, no more tab rows, and no more distracting bookmarks. All you see is the content you are working on, whether it's a Google Doc, a research paper, or a coding environment.

2. The Minimalist Floating Exit

While we want you to stay focused, we also believe in giving you control. A subtle, minimalist floating button remains accessible at the bottom of your screen. This "Exit Focus Mode" button is designed to be unobtrusive—blurred with a backdrop filter to blend into any website—but ready the moment you need to return to normal browsing.

3. Intelligent Auto-Triggering

One of the hardest parts of staying focused is remembering to turn on your tools. Anti-Distraction Mode solves this with its Auto-trigger feature. You can define a list of domains—such as docs.google.com, medium.com, or github.com—that automatically trigger the focus mode the moment you land on them. This removes the friction of starting deep work; the extension anticipates your needs.

4. Hardened Social Media Blocklist

Distractions aren't just visual; they are often algorithmic. During an active focus session, Anti-Distraction Mode employs a high-priority blocking engine. You can configure a personal "Social Media Blocklist" (e.g., facebook.com, twitter.com, reddit.com). While focus mode is active, these domains are strictly blocked at the network level, preventing even a "quick check" from turning into a distraction spiral.

How It Works

Setup in Seconds: Upon installation, you are greeted with a welcome page that guides you through the basic configuration. You can add your favorite work URLs to the Auto-trigger list and identify your biggest distractions for the Blocklist.

One-Click Zen: Open the popup anytime to manually toggle focus mode. The interface is clean and localized, ensuring a smooth experience for users worldwide.

Smart Restoration: When you exit focus mode, the extension restores your browser window to its previous state instantly. It cleans up any injected elements, ensuring your browsing experience remains fast and fluid.

Why Choose Anti-Distraction Mode?

  • Deep Work Optimization: Designed specifically for those who follow Cal Newport’s Deep Work principles.
  • Minimalist Aesthetic: No bloated menus or complex settings. Just focus.
  • Privacy First: We don’t track your browsing history. All your configurations—including your blocklists and auto-trigger URLs—are stored locally on your device using chrome.storage.local.
  • Zero Friction: The auto-trigger feature ensures that your "focus environment" is ready before you even realize you need it.
  • Performance Focused: Built using Manifest V3 and efficient Service Workers, the extension has a negligible impact on your browser’s speed and battery life.

Use Cases

  • Writers: Focus entirely on your words without the distraction of other open tabs.
  • Developers: Stay in the zone while reading documentation or using web-based IDEs.
  • Students: Block out social media while researching and writing papers.
  • Digital Artists: Use web-based design tools in a clean, distraction-free interface.

Tips for Maximum Productivity with Anti-Distraction Mode

To get the most out of your focus sessions, we recommend combining Anti-Distraction Mode with these proven productivity techniques:

  1. The Pomodoro Technique: Set a timer for 25 minutes of focus using Anti-Distraction Mode, followed by a 5-minute break where you exit focus mode to stretch or hydrate.
  2. Eat the Frog: Use the Auto-trigger feature for your most challenging task of the day. By automating the transition into a focus environment, you reduce the mental resistance to starting hard work.
  3. Audit Your Blocklist: Regularly review your Social Media Blocklist. If you find yourself gravitating toward a new news site or a specific forum during work hours, add it to the list. The goal isn't to ban these sites forever, but to ensure they don't intrude on your dedicated deep work time.
  4. Visual Cues: When the browser UI disappears, it's a powerful signal to your brain that "work time" has begun. Lean into this psychological shift.

Future Updates and Roadmap

We are constantly looking for ways to improve your focus experience. Here is what we are planning for future releases:

  • Session Statistics: Track how many hours of deep work you’ve completed each week.
  • Customizable Themes: While we love our minimalist black-and-white look, we know some users prefer sepia or dark mode for reduced eye strain.
  • Focus Profiles: Create different sets of Auto-trigger URLs and Blocklists for different types of work (e.g., "Writing Mode" vs. "Coding Mode").
  • Integration with Task Managers: Sync your focus sessions with popular task management tools to keep your workflow seamless.

Join the Community

Anti-Distraction Mode is more than an extension; it's a movement toward a more intentional web. We are committed to helping you reclaim your time and your attention. We believe that in an age of distraction, focus is a superpower.

Give it a try today and see how much more you can accomplish when the world (and the browser) is quiet.


Note: Anti-Distraction Mode requires the declarativeNetRequest permission to block social media domains during sessions and scripting to provide the immersive UI experience. Your data never leaves your browser. All settings are stored locally, giving you full privacy and control over your data.

Tutorial:

  1. Install the Extension
  2. After installing the extension, click on the icon on the toolbar.