Media
3 items
Description
Open any website in independent, draggable device simulator windows at real device viewports. Browse to a site, click FrameLab, click a device. A separate window opens showing that page at that device's exact viewport — drag it next to your editor and keep working. HOW IT WORKS 1. Open any website — a deployed site, a staging URL, or localhost. 2. Click the FrameLab icon. It reads the current tab's URL for you. 3. Click a device. A simulator window opens immediately. You never copy and paste a URL. REAL VIEWPORTS, NOT FAKE ONES A device listed 393 × 852 renders the page in a viewport that is genuinely 393 × 852 CSS pixels. Your media queries fire exactly as they would on the device. When a large preview is scaled down to fit your screen, only the picture is scaled — the page still reports its true viewport size. SEPARATE WINDOWS, NOT A DASHBOARD Each device is its own operating-system window. Move them between monitors, park them beside your editor, keep six open at once. Every window has its own scroll position, orientation, URL and loading state, so what you do in one never affects another. WHAT'S INSIDE • 47 device presets — 35 phones, 6 tablets, 6 desktops — mirroring the Chrome DevTools emulated device list, plus the common laptop and desktop widths DevTools leaves out • Rotate any phone or tablet between portrait and landscape without reloading the page • Custom devices at any width and height, saved for next time • Independent refresh and URL bar per window • One-click PNG screenshot of the framed preview • Scale control, so a 1920-wide preview still fits a laptop screen • Light and dark, following your system setting • Full keyboard navigation — search devices by name or by size and press Enter LOCALHOST IS A FIRST-CLASS CASE http://localhost:3000, http://localhost:5173, http://127.0.0.1 on any port — no configuration, no proxy, no tunnel. PRIVACY FrameLab has no backend, no account and no analytics. It never sends anything anywhere. Custom devices and preferences are stored locally in your browser, and screenshots go straight to your downloads. There is nothing to sign in to. WHAT FRAMELAB DOES NOT DO FrameLab resizes the viewport; it does not impersonate the device. It does not spoof the user agent, device pixel ratio or touch input, so a site that serves different code based on user-agent sniffing will still send you its desktop build. Some sites refuse to be displayed in a frame at all — when that happens you get a clear message rather than a blank window. For layout, breakpoints and responsive behaviour, it is accurate. For device- specific rendering quirks, use a real device.