SiteShaper

Block any web elements by specifying CSS selectors for specific sites.

SiteShaper lets you hide any element on any website using CSS selectors. Tired of annoying banners, popups, sidebars, or other distracting elements on websites you visit every day? SiteShaper gives you full control over what you see. HOW IT WORKS 1. Click the SiteShaper icon while on any website 2. Enter a CSS selector for the element you want to hide 3. The element is instantly hidden with "display: none !important" FEATURES • Per-site rules — Define hide rules for specific hostnames • Toggle rules on/off — Temporarily disable rules without deleting them • Name your rules — Add descriptive names to keep rules organized • Options page — Manage all rules across all sites in one place • Import/Export — Back up your rules as JSON or share them with others • Minimal permissions — Only requests host access when you add a rule for a new site • Synced storage — Rules sync across your Chrome browsers via chrome.storage.sync USE CASES • Hide cookie consent banners • Remove sticky headers or footers • Block promotional popups and overlays • Clean up cluttered sidebars or ad slots • Simplify any webpage to focus on what matters