Focus Mode for YouTube

---

🚀 Install in a minute

Chrome, Edge, Brave, Opera or Vivaldi

1. Download the zip and unzip it.
2. Open chrome://extensions and turn on Developer mode (top right).
3. Click Load unpacked and choose the unzipped folder.

📌 Then click the puzzle-piece icon in Chrome's toolbar and pin Focus Mode for YouTube.

Firefox

🦊 Add it from Firefox Add-ons in one click. It updates by itself.

🙈 What it tucks away

Each part has its own switch. Everything starts tucked away, and you can bring back anything you miss.

On the video page

Related videos

The "Up next" column beside the player. The video moves to the center; playlists, live chat and transcripts stay.

End screen

The cards and suggestion grid that appear as a video ends. Autoplay's countdown stays visible.

Comments

The comments under the video.

Description

The box under the title, with views, date and description.

On Home

Shorts

Shorts rows, single Shorts in search and under videos, and the Shorts entry in the menu.

Explore

The Explore section of the left menu, and Home's "Explore more topics" row.

🎛️ Controls

⏸️ Pause when you want YouTube as usual. Focus mode has three settings: On, Pause and Off. Pause for 15 minutes, 1 hour or until tomorrow morning. It comes back by itself.

🫧 A quiet corner badge. A small badge in the bottom-left corner of YouTube shows what's tucked away, with a button to pause for 15 minutes. It stays dim until you hover it and shows itself once a day. Close it with ✕ and you get a few seconds to Undo. You can also switch it off in the popup.

🗺️ A popup with a map. Three tabs:

• Focus: a small map of the Video page and of Home. Tap a tile, or the area itself on the map, to tuck it away or bring it back.
• Settings: the popup's look (Light, Dark or System), and the corner badge.
• About: how it keeps you safe, and where to report a problem.

🔒 Safe by design

Runs only on youtube.com. Its only permission is saving its own settings. No network requests, no tracking, nothing collected. How to verify it yourself → · Online safety checker →

Curious how that compares? See how much access different kinds of extensions need →

🙋 Something broken? Got an idea?

YouTube changes its page often, so reports keep this working.

🐞 Report a problem  ·  💡 Suggest a feature

---

📚 More

👇 Click a topic to open it.

Download the new zip, unzip it over your old folder, and click Reload on the extension's card in chrome://extensions. Your settings stay, even if you move or rename the folder.

Works in Chrome 107+ and other Chromium browsers: Edge, Brave, Opera and Vivaldi. Their extensions page has the same Developer mode and Load unpacked options.

The hiding rules are plain CSS, applied before YouTube draws the page, so nothing flashes on screen first. Changes reach every open YouTube tab instantly. With Chrome sync or Firefox Sync on, your choices follow you to your other computers.

flowchart LR
  A[YouTube page starts loading] --> B[hide.css tucks away every section]
  B --> C{Your switches}
  C -- on --> D[Section stays tucked away]
  C -- off or paused --> E[Section shows again]

extension/           The extension: what's in the download
  hide.css           Rules that tuck away each section
  content.js         Turns rules off for sections you've switched off
  badge.js           The quiet corner badge
  settings.js        Loads and saves settings
  popup.*            The popup window
  fonts/             Asap typeface, bundled so nothing loads from the web
tools/
  safety-check.html  The safety checker

Pull requests are welcome. To run the tests, install Node.js and run npm install, then npm test. For anything bigger than a small fix, please open an issue first so we can agree on the approach. New releases are built automatically when a version tag (like v3.0.0) is pushed.

Vibe-coded by Nima Sh, who gets distracted too. MIT License. Font: Asap by Omnibus-Type, SIL Open Font License. YouTube is a trademark of Google LLC. This project isn't endorsed by or affiliated with Google or YouTube.