YouTube Focus CSS Script

A custom CSS script to reduce distractions on YouTube and improve focus.

Home Page Comparison

Before

After

Video Page Comparison

Before

After

Features

• Home Page Cleanup: Removes all videos from the YouTube home page
• "Shorts" Elimination: Hides the "Shorts" button to avoid quick-content distractions
• Streamlined Search: Removes useless recommendations during search operations
• Focused Viewing: Eliminates "Watch Next" recommendations
• Distraction-Free Experience: Hides the comments section

Benefits

This script empowers users to:

1. Focus on intentional video watching
2. Avoid falling into recommendation rabbit holes
3. Reduce time spent on unproductive browsing
4. Maintain concentration on desired content

How It Works

The YouTube Focus CSS script works by selectively hiding or removing certain elements of the YouTube interface. This is achieved through carefully crafted CSS rules that target specific classes and IDs used in YouTube's HTML structure.

Installation

Simply add it to browser's stylesheets.

If your browser doesn't support this feature, you might need an extentension for custom CSS like this

Compatibility

🧭 Safari

(didn't test with other browsers)