Chrome extension · free · v3.1

Every screen. At once.

Phones, tablets and desktop widths side by side — layered over the page you're already on. Scroll once and every screen follows.

Synced scrolling

Scroll one.
Every screen follows.

What's inside

Features

01 / 05

Screenshots that file themselves.

One device or all of them — PNGs named after the site and the device.

02 / 05

Record the whole flow.

MP4 where Chrome supports it, WebM otherwise — for when a still frame won't make the point.

03 / 05

Overflow, caught.

Content wider than the screen — the real cause of that sideways scrollbar — reported in pixels, per device.

04 / 05

Android or iOS, on demand.

The header convinces the server; a shim reports screen size, pixel ratio and touch to the page's JavaScript.

05 / 05

157 devices. Add any, any time.

iPhone SE to iPad Pro, the Android phones people actually hold, desktop widths — plus any custom size you save.

The real thing

Watch it on a real site.

0:19 · real UI
Privacy

Nothing leaves your computer

No account. No server. No analytics. The workspace only enters a page after you click the icon — and nothing you do here ever leaves your computer.

0 requests0 cookiesrules scoped to one tabworks offline
How it works

Three clicks.
No new tab.

1

Open what you're working on

A staging build, a client's live site, or localhost:3000 — anything the browser can reach.

2

Click the icon

The workspace opens over the page — same tab, same session, same scroll position. Pick devices from the rail.

3

Compare, capture, ship

Scroll once and every screen follows. Screenshot or record, then close it with Esc.

Questions.

Isn't this just DevTools device mode?

They overlap, and DevTools is excellent for one screen at a time. The difference is comparison: several devices side by side, scrolling together, layered over the page instead of replacing it.

Does it render the real site, or simulate it?

The real site. Each device is a genuine browser frame loading the actual URL at that viewport, with the platform's user agent, pixel ratio and touch support reported to the page.

Are there sites it cannot preview?

A few. Banking and payment portals detect framing in their own JavaScript and refuse to render — a deliberate protection. Chrome's settings pages and the Web Store are off limits to every extension.

What if the device screens come up blank?

That's the page's own content-security-policy refusing to embed anything. After a few seconds you're offered a one-click reload that clears it, and the preview reopens by itself.

See it ona phone.

One site. Every screen. Ditto. Install it, pin the icon, and the next site you open is one click away from every screen.

Add to Chrome — it's free