Unclutter Browser Extension
A browser extension to simplify web pages and hide distracting things like hide cookie banners, auto-playing videos, sidebars, etc. Contributions are welcome!
Features
- Rewrites a website's CSS to use mobile styles even at larger viewports. This usually hides most superficial pages elements.
- Simplifies pages by removing headers, sidebars, cookie banners, or related articles through global rules.
- Has custom CSS fixes for a few popular sites.
- More to come :)
Installation
Install the extension from the Chrome Web Store or Mozilla Add-on Store.
Usage
After installing the browser extension, move the extension icon to your extension bar. Clicking the icon will reduce the size of the active webpage and simplify it. Clicking on the background outside the article restores the original page.
In theory this should work on any page, but sometimes there are CSS issues -- please open an issue for those!
Contributing
Please open an issue for anything that's broken or that could work better. If you want to fix a site that always annoyed you, add some CSS overwrites to source/content-script/pageview/manualContentBlock.css
.
Development
To build the extension yourself, run:
yarn install && yarn build
yarn package
- Find the bundled extension code in
/web-ext-artifacts
._manifest-v2
is for Firefox,_manifest-v3
for Chromium browsers.
This was tested using node v17.6.0
and yarn 1.22.17
on Mac, but should work the same in other environments. See source/README.me
for some documentation on the code structure.
For hot reloading during development, run yarn watch
and npx web-ext run
in parallel.
License
See LICENSE for details.