Viewport Buddy

Inspect and resize the browser viewport while building responsive layouts.

Viewport Buddy is a lightweight tool for web designers and front‑end developers who build and verify responsive layouts. Instead of resizing your window or opening DevTools every time, keep Viewport Buddy one click away. Open the popup and pick a breakpoint or a device — Viewport Buddy resizes the browser window so the actual content area matches the target size as closely as Chrome allows, then shows you the real resulting width × height. - **One‑click breakpoints** – Common widths: 320, 375, 768, 1024, 1440 and 1920 px. - **Device presets** – iPhone 17 series, Pixel 11 series, iPad / iPad Pro, laptops and desktops, each with its real width × height. - **Toggle & restore** – Click an active preset again to return the window to its previous size. - **Live size readout** – Always see the actual content area (window.innerWidth × innerHeight). - **On‑page overlay** – Optional persistent overlay, or a brief size flash whenever you resize. - **Customizable overlay** – Pick corner position, text/background colors (with hex), opacity, text size, padding and margin. - **Multilingual** – English, Français, Español, following your browser language.