Media
1 item
Description
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.