Start with the essentials.
Open your navigation, read the smallest labels and work through a form. Check that product choices and the next action remain easy to find on the outer display, with browser controls taking their share of the screen.
A SMALL TOOL FROM AR-RANGE
iPhone Duo preview.
iPhone Duo preview.
For the websites you’re building.
A different screen shouldn’t mean starting again. Check how your website responds when a compact outer display becomes a wider canvas, with a free iPhone Duo preview tool that runs entirely in your browser.
Paste a URL, switch posture and keep interacting. No account, no proxy and no uploads. The included Moodu by Mitto demo gives you a real product visualiser to try straight away.
Try your website
BEYOND A SMALLER SCREENSHOT
One website. More room to get it right.
A foldable layout is about what people can still do as the space changes. Here’s a useful first pass before testing on a real device.
Make the extra space useful.
Switch to the inner display. Can the gallery sit beside the options? Do lines of text become too long? Use the wider viewport to improve the task, not just stretch the mobile layout.
Keep the customer’s place.
Choose a fabric, change the layout, then fold and rotate. The iframe stays mounted, so you can check whether your site preserves selections. The unfolded display always shows a fold guide to help you inspect the centre of your composition.
A REAL PRODUCT, NOT A PLACEHOLDER
A fabric choice should survive a screen change.
That is why our demo is Moodu by Mitto: a sofa, 14 fabrics, three layouts and three viewing angles. Try a different material, then unfold the phone. Your selection stays with you.
Its 126 views are prerendered product images, not a live 3D scene. It is a small example of the visual selling tools we build at Ar-range, where the product needs to look right and the buying journey needs to keep working.
Explore Moodu by Mitto in the preview
SHOW EVERY FINISH
Product visuals
Consistent imagery across fabrics, colours and product variants, generated from your 3D models.
Explore Ar-range’s product visuals LET CUSTOMERS BUILD THEIR OWN3D product configurators
Interactive product choices for complex furniture, from finishes to compatible modules and layouts.
Explore Ar-range’s configurators
THE NUMBERS, WITH THEIR LIMITS
Display estimates.
Display estimates.
Not a Safari emulator.
Duo Preview uses your current browser’s rendering engine. The phone frame helps you judge the layout; it does not turn Chrome, Firefox or desktop Safari into iOS Safari.
| Posture | Hardware pixels | CSS estimate |
|---|---|---|
| Folded Outer display | 1398 × 2034 | 466 × 678 |
| Unfolded Inner, landscape | 2670 × 1878 | 890 × 626 |
Hardware resolutions: Apple’s iPhone Duo specifications, checked . CSS estimates assume a 3× scale. They are not confirmed Safari viewport dimensions.
With the modelled browser controls shown, the page gets 466 × 506 CSS pixels folded and 890 × 502 unfolded. Collapse the controls or rotate the device to check other layouts. Display dimensions follow the selected preset. Fit changes the preview’s visual scale, not these page dimensions.
The unfolded display always includes a visual fold guide, while the page remains one continuous viewport. This does not simulate device-posture or viewport-segment APIs. Validate final behaviour, touch input and safe areas on a real device or Apple’s simulator.
GOOD TO KNOW
Before you paste that URL.
Can I preview any website URL?
Any HTTP or HTTPS page that permits embedding. Some sites block iframes using X-Frame-Options or CSP frame-ancestors. A browser-only tool cannot bypass those restrictions. If the page stays blank, open it in a real browser and use its responsive developer tools.
Does it work with localhost?
Yes, when your development server is running and allows frames. An HTTPS-hosted preview may block HTTP pages or require local-network permission. Run Duo Preview locally over HTTP when testing an HTTP development site. A shared localhost link still points to the recipient’s own computer.
Why include Safari-style controls?
A normal website opens inside a browser, not directly on the Home Screen. The status area and bottom controls reserve space around the page. Their geometry here is illustrative, not verified iPhone Duo Safari behaviour. Choose Bare viewport for layout-only testing, and check both shown and collapsed controls for short-screen issues.
Why can external websites still show desktop scrollbars?
The demo uses a thin, fading page-scroll indicator. An external site controls its own scrollbars: the browser’s same-origin policy prevents us from changing them. We leave the page width intact instead of cropping content to hide a scrollbar.
What happens to the URL I enter?
It loads directly in an iframe from the target site; Duo Preview has no backend, proxy or analytics. Your last URL and settings are saved in your browser. Share links contain the entered URL and preview settings, so check for private information before sharing. The website you load still has its own network requests and privacy practices.