Am I Responsive?
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.
I hope it's useful for you too, especially for showing clients who prefer visual explanations what responsive design means when actual products aren't available.
Just a heads up – it's not for testing on real devices, so make sure to do that separately. It's meant for quickly getting screenshots and visually explaining things in client meetings.
How it works
This tool allows you to preview how your website looks on different devices. Just type the URL of the website you want to preview in the input field above and hit enter.
The website you enter is loaded inside an <iframe> element. This means 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 the URL. For example, check out our website.
It’s open source! Check out the source code on GitHub.
Viewport sizes
Here are the viewport sizes for each device:
- iMac: 2560 x 1440 scaled down to scale(0.23)
- MacBook 14 Pro: 1512 x 987 scaled down to scale(0.253)
- iPad Pro: 954 x 1330 scaled down to scale(0.243)
- iPhone 16 Pro: 393 x 852 scaled down to scale(0.3)
Android fan?
Good news! We are Android fans too. And we are planning to build a tool for Android devices. But you can use Responsive Viewer for that.