Live viewport dimensions, DPR, breakpoints, and media query debugging -- without opening DevTools. The essential responsive design companion.
Width and height in CSS pixels, updating in real time as you resize the browser window.
See the DPR and computed physical pixel dimensions at a glance.
Full screen resolution in physical pixels -- know exactly what hardware you are working with.
Landscape, portrait, or square -- instantly visible without checking CSS or DevTools.
See which Tailwind/Bootstrap breakpoints (sm, md, lg, xl, 2xl) match the current viewport.
One click to copy all viewport info as formatted text for bug reports or docs.
Resize to iPhone, iPad, Pixel, Galaxy, and common desktop sizes with one click.
Enter any CSS media query and instantly see if it matches the current viewport.
Track every viewport resize event with timestamps. Perfect for responsive debugging sessions.
Detect touch support, pointer type (fine/coarse), and other input capabilities.
Export complete device and viewport info as a JSON file for testing or documentation.
See if prefers-color-scheme is dark or light. Debug dark mode responsive issues.
Unlock presets, media query testing, resize history, and device detection.