Responsive Design Tester
Enter a URL and preview it at popular device viewport sizes including iPhone, iPad, Pixel, and MacBook. Resizable device frames with landscape and portrait toggle.
Note: Sites that set
X-Frame-Options or a restrictive Content-Security-Policy will not load in the preview. Works great with your own projects and many public pages.Device Presets
📱Mobile
⬜Tablet
💻Desktop
Custom Size
×
iPhone 14390 × 844 pxxs
Enter a URL and click Load
Preview any website at 11 device viewport sizes
Tailwind CSS Breakpoints
2xl≥ 1536pxxl≥ 1280pxlg≥ 1024pxmd≥ 768pxsm≥ 640pxxs< 640px
How to use the Responsive Design Tester
1
Enter a URL
Paste any publicly accessible website URL and click Load. The page renders inside a realistic browser-framed preview.
2
Pick a device or custom size
Choose from 11 real-world presets across Mobile, Tablet, and Desktop — or enter a custom width and height. Toggle Portrait / Landscape at any time.
3
Zoom & inspect breakpoints
Use 50%, 75%, 100%, or Fit zoom. The active Tailwind breakpoint (xs → 2xl) is always shown so you know exactly which responsive prefix applies.