Related Articles Declutter

WHAT IT DOES

Related Articles Declutter removes distracting "related articles," "recommended stories," "trending," and "you might also like" sections from news and article websites, giving you a cleaner, more focused reading experience. The extension scans the page for common section identifiers including class names, IDs, and heading text, then hides or removes the entire section container. A badge shows how many sections were removed, and a manual declutter button lets you remove related content on demand. The extension works automatically on page load or with a single click, and you can restore the removed content at any time. Custom selectors can be added for sites with unique section structures, making the extension adaptable to almost any news or article website.

WHERE IT RUNS

The extension works on every website with news articles, blog posts, and long-form content, including major news sites, magazines, blogs, and any page with "related" or "recommended" sections. It runs locally in your browser, scanning the page's DOM and removing section containers without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly.

HOW TO USE

After installation, the extension automatically removes related content sections on page load (if auto-declutter is enabled). A notification briefly shows how many sections were removed, and a small badge in the corner shows the count. If you need to remove related content manually, click the "🧹 Declutter" button in the bottom-right corner—clicking it toggles between decluttering and restoring the content. To customize the experience, open the extension panel and toggle "Auto-declutter on page load" to enable or automatic removal. Toggle "Show removed count badge" to show or hide the count badge. Toggle "Show manual declutter button" to show or hide the floating button. For sites with custom section structures, add custom CSS selectors in the panel. For per-site customization, enable or disable the extension on specific websites using the per-site controls.

THE ACTUAL MECHANISM — DOM SCANNING WITH HEADING AND SELECTOR PATTERN MATCHING

The extension uses a two-stage detection approach. First, it scans the page for heading elements (h2-h6, .heading, .title, .section-title) and checks their text content against a list of common related-content phrases ("related", "recommended", "trending", "popular", "you may also like", etc.). When a matching heading is found, the extension traverses up the DOM tree to find the parent container (section, div, article, or aside) that likely wraps the entire related content section. Second, it applies a comprehensive list of CSS selectors (over 50) that match common related-content containers by class name, ID, or attribute patterns (e.g., '.related-articles', '#recommended-posts', '[class*="related"]'). All detected elements are deduplicated using a Set keyed by element ID or className. When removing sections, the extension stores the original display state and then hides the element by setting display: none, visibility: hidden, opacity: 0, pointer-events: none, height: 0, overflow: hidden, and zeroing margins and padding. This ensures the section is completely removed from view without affecting the page layout. The restore function reverses these changes using the stored original display values.

THE PANEL

The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, declutter/restore/toggle buttons, auto-declutter toggle, count badge toggle, manual button toggle, custom selector input, and per-site controls—are accessible within a clean, high-contrast interface that respects your system's color scheme.

PLEASE NOTE

This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access and storage engine. The extension removes related content sections by modifying the page DOM—this may affect the layout of some websites, particularly those that rely on dynamic content loading. The detection uses pattern matching and may occasionally remove unrelated sections or miss some related-content sections. Custom selectors can be added to improve detection on specific sites. No personal data, browsing history, or page content is ever collected, stored, or transmitted. All settings are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.