Responsive Breakpoint Indicator icon

Responsive Breakpoint Indicator

v1.0 Updated Oct 19, 2025 367KiB
CWS
13
Users
★ 0.00
0 reviews
#113408
of 207.5K
developer
#9709 of 18.1K

Description

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.
Responsive Breakpoint Indicator screenshot 1

Reviews

Loading reviews...

Permissions (3)

Permissions

activeTab Can access the current tab when you click the extension scripting Can inject scripts into web pages storage Can store data locally in your browser

Details

Version 1.0
Updated Oct 19, 2025
Size 367KiB
First Seen Mar 29, 2026