Responsively Studio

Preview any site on 120 real device profiles, rotate, zoom and drive the desktop app by MCP today.

Responsively Studio — preview any site on 120 real device profiles, rotate, zoom and drive the desktop app by MCP today.

How to use Responsively Studio

Enter a URL and load it in all selected device frames at their exact CSS sizes
Search the 120-device catalogue by name, width or brand and add devices to the preview
Rotate any device to swap width and height, and zoom the frames to fit your screen
Open a device to see its DPR, physical pixels, capabilities and full user agent
Check breakpoint coverage to see which common widths your selected devices cover
Add a custom device, then copy the MCP commands to drive the desktop app from Claude Code or Cursor

All 120 real device profiles from the repo, verbatim: 94 phones, 20 tablets and 6 notebooks
Live scaled previews at each device's exact CSS width, height and DPR, with rotate and zoom
Breakpoint coverage analysis across 12 common widths with nearest device width for each
Custom device builder matching the app's Device Manager shape, with generated user agent
Exact MCP setup: all 8 tools, Claude Code and Cursor commands, port 12720 and env vars
Honest scope: mirrored interaction, screenshots and the inspector need the Electron desktop app

Yes, unlimited.