Item logo image for Radial Viewport

Radial Viewport

Item media 2 (screenshot) for Radial Viewport
Item media 1 (screenshot) for Radial Viewport
Item media 2 (screenshot) for Radial Viewport
Item media 1 (screenshot) for Radial Viewport
Item media 1 (screenshot) for Radial Viewport
Item media 2 (screenshot) for Radial Viewport

Overview

Preview any site at desktop, tablet, and mobile widths — resize, screenshot full pages, drop guides, inspect elements.

Radial Viewport is a fast, no-friction responsive website viewport for designers and developers. Click the toolbar icon on any page and it opens in a resizable frame so you can see how it looks at every breakpoint — without resizing your whole browser window or opening DevTools. Because the page loads in a real frame with its own viewport, the site's actual responsive CSS (media queries) fires, so what you see is what your visitors get. Features • Desktop, Tablet (768px), and Mobile (390px) presets — keys 1 / 2 / 3 • Drag the edge to resize to any width; lock a fixed width (e.g. 1440) that scales to fill the pane so a full desktop layout stays visible on a laptop • Pages sidebar (P) — every page on the site, discovered from its links and sitemap, with search and grouped sections; the address bar doubles as page search • Visual sitemap (M) — the whole site as a zoomable map • Page metadata at a glance — title & description with SEO character counts, OG image, robots • Edit text (E) — click any text and retype it, live on the page; each change records an exact before → after • Comment (C) — pin notes on elements • Copy for AI — one click turns your comments and text edits into a single prompt for Claude Code, Codex, or any coding agent • Screenshots — current view or full page, always at 2×, saved to Downloads • Inspect mode (I) — hover any element for size, typography (weight, line-height, letter-spacing), and hex colors; click to copy • Rulers and screen-fixed guides — drag from a ruler to drop a guide • Back / forward / reload, with an address bar that tracks navigation inside the frame • Loads sites that normally block framing (header handling is scoped to the extension's own tabs, so your other tabs are unaffected) Private and local Radial Viewport runs entirely in your browser. It collects no data, has no account, and talks to no server of ours. The only network requests are the websites you choose sto load. Privacy policy: https://radial.to/viewport-privacy From the team building Radial — a visual interface for designers to build and maintain marketing websites with Claude Code and Codex. https://radial.to

Details

  • Version
    1.3.0
  • Updated
    July 13, 2026
  • Size
    57.54KiB
  • Languages
    English
  • Developer
    Website
    Email
    hey@riley.cx
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Image Size Inspector

5.0

Inspect images and pick colors from anywhere on your screen — dimensions, palette, hex codes, all auto-copied. 100% local.

Mobile View — Mobile Simulator & Preview

4.9

Mobile simulator: preview any site on iPhone, Android & tablets — up to 5 at once. Mobile view + desktop live, responsive design.

Mobile View & Responsive Tester

5.0

Preview frontend changes across phones, tablets, laptops, and desktops. Switch devices, compare designs, and share captures.

DTimestamp Overlay

5.0

Live date, time and timezone overlay on every browser page for screenshot timestamping and audit trails.

Measuremate — Pixel Ruler for Web Design

4.4

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

Lliben – Screenshot & Save as PNG/JPG/PDF

5.0

Take screenshots of the visible area, full page, selected region, or specific element. Save as PNG, JPG, or PDF.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Screen Ruler

4.6

Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.

Window Resizer

5.0

Use Window Resizer сhrome extension as a responsive checker and chrome resize window plugin for testing layouts on all screens.

Screen Ruler - Measure and Inspect the Web

4.3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

0.0

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Inspeck — Measure, Inspect & Edit

5.0

Measure, inspect & edit any live web page — sizes, spacing, CSS, type & color. No DevTools, runs 100% in your browser.

Image Size Inspector

5.0

Inspect images and pick colors from anywhere on your screen — dimensions, palette, hex codes, all auto-copied. 100% local.

Mobile View — Mobile Simulator & Preview

4.9

Mobile simulator: preview any site on iPhone, Android & tablets — up to 5 at once. Mobile view + desktop live, responsive design.

Mobile View & Responsive Tester

5.0

Preview frontend changes across phones, tablets, laptops, and desktops. Switch devices, compare designs, and share captures.

DTimestamp Overlay

5.0

Live date, time and timezone overlay on every browser page for screenshot timestamping and audit trails.

Measuremate — Pixel Ruler for Web Design

4.4

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

Lliben – Screenshot & Save as PNG/JPG/PDF

5.0

Take screenshots of the visible area, full page, selected region, or specific element. Save as PNG, JPG, or PDF.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Screen Ruler

4.6

Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.

Google apps