Skip to content

A web extension that allows you to browse popular websites without elements that are designed to take away your attention and focus.

License

Notifications You must be signed in to change notification settings

grey-software/focused-browsing

Repository files navigation

A web extension that helps you reclaim your focus by hiding distracting feeds on popular social websites.

Chrome User Count Chrome Rating

⚠️ We develop Focused Browsing on Gitlab and host an up-to-date mirror repo on Github

Developing Focused Browsing

1. Clone the repo and enter the directory

git clone https://github.com/grey-software/focused-browsing.git
cd focused-browsing

or

git clone https://gitlab.com/grey-software/focused-browsing.git
cd focused-browsing

2. Install Dependencies

yarn

3. Run the development script

yarn dev

Our development script builds the extension into the extension-build folder and actively watches for changes to the source code.

4. Load the extension on your browser

At the moment, Focused Browsing is only compatible with Google Chrome or Brave Browser.

The image below from the chrome documentation, shows how to load an unpublished extension using developer mode.


Screen Shot 2021-05-31 at 2 08 10 PM


5. Reload the extension when you change a file


Screen Shot 2021-05-31 at 2 08 10 PM

Compatibility Chart

Legend

✅ Passed ❗️Unsupported ❓Untested

Operating System Brave Chrome Firefox Edge
OSX 11.4 (20F71) 1.26.74 ✅ 91.0.4472.114 ✅ ❗️

Credits and Gratitude

News Feed Eradicator by Jordan West

Focused Browsing originally started as two separate student projects called Twitter Focus and LinkedIn Focus. Both of these were inspired by [News Feed Eradicator for Facebook](News Feed Eradicator for Facebook).

We are sincerely grateful to Jordan for using the MIT license for NFE. This allowed us to learn from certain aspects of his codebase, and allowed us to use his collection of quotes for our prototypes.

The open source ecosystem

All software stands upon the foundations laid by the open source world.

We are where we are because of the time, energy, and passion of open source software developers around the world.

We are sincerely grateful for our access to tools that help us create better software.

Features

Show & Hide distractions without leaving the tab you're on.

We want to empower you to focus when you want to, but we also don't want to make it tedious for you when you want to browse what's happening on the Internet.

That is why we made it easy for you to hide and bring back feeds without leaving your tab.

Screenshot showcasing hiding distractions without leaving the tab you're on

Control Distractions using keyboard shortcuts

We added keyboard shortcuts to make it seamless and intuitive for you to toggle distractions on our supported websites.

Shift + F + B currently toggles all distractions, and we are thinking of other shortcuts to help optimize & personalize your experience.

Screenshot showcasing controlling focus using keyboard shortcuts

We support Dim and Dark modes

We added dim and dark mode support for Twitter because we wanted our extension to fit seamlessly with someone's browsing experience on the site.

Screenshot showcasing Dim and Dark mode support

The Story

Professionals and creators on the Internet are drowning in information.

This hinders them from doing their best work because their ability to focus is affected by the content and news on their feed.

Currently, platforms like LinkedIn and Twitter do not allow their users to hide their news and content feeds.

But what if we offered them a way to regain control over the feeds they did or did not want to consume?

Other extensions on the market were helpful but lacked the kind of user experience our team was looking for.

That's why we're building Focused Browsing!

About

A web extension that allows you to browse popular websites without elements that are designed to take away your attention and focus.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published