---
title: "Am I Responsive?"
description: "Preview how your website looks on iMac, MacBook 14 Pro, iPad Pro, and iPhone 16 Pro — all in one shot. Perfect for client demos and quick responsive sanity checks."
url: "https://freshjuice.dev/tools/am-i-responsive/"
---
## About this tool

I made this tool to easily see how my websites look on different devices. It helps me take screenshots of various device sizes for responsive design without spending a lot of time setting up individual browser emulators.

It's especially useful for showing clients who prefer visual explanations what responsive design means when actual devices aren't available. Just heads up — it's not a substitute for testing on real devices, so make sure you do that separately. This is for quickly getting screenshots and visually explaining things in client meetings.

### How it works

Type the URL of the website you want to preview in the input field above and hit **Preview**. The site you enter is loaded inside `<iframe>` elements — one per device mockup. The external site runs in your browser, not on our servers.

⚠ Privacy notice

When you load a website in this tool, that website may set cookies, run scripts, and track your visit just as if you visited it directly. We have no control over what third-party websites do. If you're concerned about privacy, consider using your browser's incognito mode.

Some websites block iframe embedding using `X-Frame-Options` or `Content-Security-Policy` headers. If a site doesn't load, that's likely why.

### Features

-   `http://localhost/` works, so it's great for taking screenshots of local development URLs
-   Send a URL to a friend or colleague by adding `?link=https://example.com` to this page's URL
-   **Default scene** — when no URL is loaded, you get Wild Fruit, our friendly canvas creature, in every viewport

### Viewport sizes

Each device mockup loads its real viewport size and scales down visually for the composite layout:

-   **iMac** — 2560 × 1440 (scale 0.23)
-   **MacBook 14 Pro** — 1512 × 987 (scale 0.253)
-   **iPad Pro** — 954 × 1330 (scale 0.243)
-   **iPhone 16 Pro** — 393 × 852 (scale 0.3)

### Android fan?

Good news — we are too. Android device mockups are on the roadmap. In the meantime, try [Responsive Viewer](https://responsiveviewer.org/) for Android-specific previews.

## Frequently Asked Questions

### Can I use screenshots from this tool?

Yes. The tool is completely free to use, and any screenshots you take are yours to use however you like — presentations, blog posts, portfolios, social media, client reports, anywhere. No attribution required, though a link back is always appreciated.

### Why doesn't a specific website load?

Many sites set the `X-Frame-Options: DENY` header or a restrictive `Content-Security-Policy: frame-ancestors`. That's an explicit security measure (prevents clickjacking) and our tool can't override it. Google, Facebook, Twitter, GitHub, banks, and most SaaS apps fall into this category.

### Can I preview localhost URLs?

Yes. `http://localhost:3000/`, `http://localhost:4321/`, custom `.local` hostnames — all work. Great for taking screenshots of your dev server before pushing to staging.

### How do I share a preview with someone?

Add `?link=https://example.com` to this page's URL — the tool will pre-fill and load that URL. For example: [/tools/am-i-responsive/?link=https://freshjuice.dev](https://freshjuice.dev/tools/am-i-responsive/?link=https://freshjuice.dev).

### What about Android phones / Galaxy / Pixel devices?

Not yet — currently we render iMac, MacBook 14 Pro, iPad Pro, and iPhone 16 Pro mockups. For Android-specific previews try [Responsive Viewer](https://responsiveviewer.org/).

### Is this for actual responsive testing?

No — it's a **visual preview** tool, not a substitute for real device testing. Touch behavior, viewport meta tags, OS-specific quirks (notch, safe areas), gesture handling — none of that gets simulated. Use this for screenshots and client demos, then test the real thing on real devices.

### Where does my URL go?

Nowhere — the URL stays in your browser. We embed it in `<iframe>` elements so the target site loads directly in your browser, not on our servers. We never see what you preview.