Viewport Studio — Responsive Workspace

Compare websites across device viewports. Create custom devices, style mockups, capture screenshots, and record individual devices.

See your website from a wider perspective. Viewport Studio is a local responsive layout workspace from JamesonB Designs, built to compare up to eight device viewports side by side. Browse a searchable library of phone, foldable, tablet, laptop, desktop and TV layout presets. Add custom devices, rotate individual previews, choose graphite, silver, lavender or frameless mockups, and adjust canvas scale. Save your workspace locally or export a JSON file for someone else to import. Capture visible workspace screenshots as PNG or record silent WebM video using Chrome's screen-sharing picker. Choose light or dark mode. No account, analytics or cloud uploads. Presets represent CSS layout dimensions. Estimated presets are labeled; this is a Chrome-based responsive preview, not an emulator for Safari, operating systems or device hardware. Some websites block embedded previews; an external-window fallback is included. Captures include the selected surface's visible area. No full-page, transparent individual-device, MP4 or GIF export is offered.