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.comto 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 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.
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.
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.