Description
A lightweight developer tool that displays a floating overlay with real-time viewport dimensions, browser window size, and Tailwind CSS breakpoint detection on any webpage.
Features:
- Shows viewport dimensions (width × height) updated in real-time as you resize
- Shows browser window size via Chrome's native API
- Automatically detects Tailwind CSS breakpoints (v3 and v4) and displays the current active breakpoint
- Draggable overlay that snaps to the nearest corner
- Toggle visibility of each measurement independently
- Configurable default position (any corner)
- Settings persist across sessions
- Minimal permissions: only runs when you click the extension icon
- Zero impact on page performance — uses Shadow DOM for complete CSS isolation
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.0 |
| Updated | Feb 25, 2026 |
| Size | 24.1KiB |
| First Seen | Mar 24, 2026 |
Popular in developer
GoFullPage - Full Page Screen Capture
by GoFullPage
10M
★ 4.89
developer
10M
★ 4.89
developer
TouchEn PC보안 확장
by 라온시큐어
8M
★ 1.33
developer
8M
★ 1.33
developer
React Developer Tools
by Meta
5M
★ 3.95
developer
5M
★ 3.95
developer
Meta Pixel Helper
by Meta
4M
★ 3.90
developer
4M
★ 3.90
developer
ColorZilla
by colorzilla.com
4M
★ 4.59
developer
4M
★ 4.59
developer
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
331M
★ 4.40
workflow
331M
★ 4.40
workflow
AdBlock — block ads across the web
by AdBlock
62M
★ 4.48
workflow
62M
★ 4.48
workflow
迅雷下载支持
by Shenzhen Xunlei Network Technology Co., Ltd.
59M
★ 2.77
workflow
59M
★ 2.77
workflow
Grammarly: AI Writing Assistant and Grammar Checker App
by Grammarly
42M
★ 4.50
communication
42M
★ 4.50
communication
Adblock Plus - free ad blocker
by eyeo GmbH
40M
★ 4.39
workflow
40M
★ 4.39
workflow