DevFrame — Responsive Device Lab

Preview any site on phones, tablets and laptops: real UA, touch, dark mode, compare, screenshots and recording.

DevFrame shows any website inside realistic phone, tablet and laptop frames, right in your current tab. Everything runs locally: no account, no tracking, nothing leaves your machine. • 35+ built-in phone, tablet, laptop and desktop presets, a resizable Responsive device, and your own custom devices. • Real device identity: each frame gets its own user-agent, platform, client hints, devicePixelRatio, screen size, orientation and touch points. • Touch emulation: mouse drags become touch events with momentum scrolling, and hover/pointer media queries behave like on a phone. • Realistic mobile browser chrome: status bar, address bars that follow the page's theme-color, notch and punch-hole cutouts, and a working virtual keyboard. • Compare up to 8 devices side by side, with synced scrolling, navigation and optional click sync. • Screenshots: with the device frame (transparent PNG), site only, full page (stitched), all devices at once, or the whole tab. • Recording: MP4 cropped to the device, with a countdown and optional tab audio. • Developer tools: live light/dark toggle, reduced motion, element outlines, a console that collects errors from every device, a breakpoint badge, rotation and zoom. • Automation: add #devframe=<device ids> to a local URL to start DevFrame, and drive it from scripts or browser agents through window.devframe. Click the toolbar icon, press Alt+Shift+D, or right-click a link and choose "Open link in DevFrame".