Item logo image for Responsive Breakpoint Indicator

Responsive Breakpoint Indicator

ExtensionDeveloper Tools
Item media 1 (screenshot) for Responsive Breakpoint Indicator

Overview

Adds a responsive breakpoint indicator to the page.

A Chrome extension that overlays a floating badge on any web page to show which responsive breakpoint (Tailwind-style) the viewport currently matches. Toggle it on per browser session and pin the badge to any corner for quick visual feedback while developing or testing responsive layouts. Features Breakpoint awareness Highlights the active breakpoint label (all, sm, md, lg, xl, 2xl) as the viewport width changes. Color-coded indicator Shifts badge colors across breakpoints for instant recognition without reading text. Flexible placement Lets you pin the badge to any corner via a dropdown in popup.html. Session persistence Uses chrome.storage so activation state and badge position persist across tabs and sessions. Automatic injection Injects scripts into eligible tabs (http(s) and file URLs) on demand or whenever a refreshed tab loads while the indicator is active.

Details

  • Version
    1.0
  • Updated
    October 19, 2025
  • Size
    367KiB
  • Languages
    English (United States)
  • Developer
    Email
    ckissi@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes
Google apps