WAVESPEED AI RESPONSIVE TESTER Your code stays on your device

100% FREE

Free Responsive Design TesterSee your page at every screen size at once.

Enter a website address or paste your HTML and see it in frames the size of real phone, tablet, laptop and desktop screens, side by side or one at a time.
Drag a frame to any width, rotate it, jump between common breakpoints, spot content that spills sideways and save screenshots of your HTML.

40+ screen sizesSide-by-side viewOverflow finder

No sign-up No proxy No watermark

Loading the tester…

Pasted HTML stays in your browser. Websites load directly from their own servers.

THREE SIMPLE STEPS

How to test a responsive design

Add your page

Type a website address, or switch to HTML and paste your code or open an .html file. The example page shows how it works.

Pick the screens

Look at one device and drag its edges, or put a phone, a tablet, a laptop and a desktop side by side. Rotate any of them.

Fix and capture

Read the warnings for content wider than the screen, edit your HTML and watch every frame update, then save screenshots.

Tips for layouts that hold at every size

Start at 320 pixels

The narrowest phones in use are 320 to 360 CSS pixels wide. If the layout holds there, it holds almost everywhere.

Drag, don't just pick devices

Breakpoints break between devices too. Drag the frame slowly from narrow to wide and watch for the moment something jumps or overlaps.

Never forget the viewport tag

Without <meta name="viewport" content="width=device-width, initial-scale=1"> phones lay the page out about 980 pixels wide and shrink it until text is tiny.

WaveSpeed AI

From the layout to the visuals

When the page works at every size, create the images and clips it needs with WaveSpeed AI.

Start creating Explore 1,000+ AI Models

1,000+ AI models
Image, video and 3D
Pay as you go

$1 in free credits for eligible new accounts. No card needed. Generators have separate account and credit requirements. The Responsive tester is free.

Responsive tester FAQ

Is this responsive design tester free?

Yes. No account, no limits on devices or pages, no watermark on screenshots and nothing to install: it runs in your browser.

How do I test my website on different screen sizes?

Enter your site's address or paste your HTML, then pick from more than 40 phone, tablet, laptop and desktop sizes, one at a time or side by side. Drag a frame to any width, rotate it or jump to common breakpoints.

How accurate are the device sizes?

Each frame is a browser viewport of the exact width and height of that screen in CSS pixels, so your media queries, layouts and breakpoints respond just as they do on that device.

Can I test my own HTML or a local site?

Yes. Paste your HTML or open an .html file to preview it at every size and edit it live. Websites load over https; for a local development server, use an https tunnel or paste the built HTML.

Does it find layout problems?

Yes. In your HTML it flags elements wider than the screen, the usual cause of sideways scrolling on phones, and warns when the viewport meta tag is missing.

Can I save screenshots?

Yes, for pasted HTML: save the visible area or the full page as a PNG at the device's pixel ratio, so a 393-pixel-wide frame at 3x gives a 1179-pixel-wide image.

What does the pixel ratio label mean?

Phones pack two to four physical pixels into each CSS pixel. The label shows that ratio, and screenshots of pasted HTML are saved at it, so they match the sharpness of the real screen.

Does my page go through your servers?

No. A website is loaded straight from its own server by your browser, inside the frames, with no proxy in between. Pasted HTML and screenshots stay in your browser; your last page and settings are kept in this browser's storage.

Why does a website stay blank?

Some sites choose not to be shown inside other pages. Open "Why is it blank?" to check the site's headers, or paste the page's HTML instead.

All Free Tools