Phone-width rendering
See what the page does inside a narrow viewport.
Free responsive preview
See your HTML on a phone.
Preview a live page inside a drawn iPhone frame, scroll it, test interactions, and copy a self-contained embed for your own site.
No accountLocal-firstNo HTML Lens uploadsFree web tool
A real preview, not a screenshot
The page stays interactive inside the frame, so you can see how layouts, sticky headers, links, and long pages behave at mobile width.
Scrollable preview
Long pages scroll naturally inside the device shell.
Interactive HTML
Buttons, links, animations, and forms can behave as authored inside the sandbox.
Embeddable result
Copy a self-contained phone-frame embed for a portfolio or product page.
Use it before sharing a build
Device Frame is best for checking and presenting one HTML page at phone width. It is not a complete cross-browser testing lab, and a drawn frame cannot reproduce every Safari or Android browser behavior.
How it works
01
Paste HTML
Add the complete document to Device Frame.
02
Render in the phone
The page appears live inside the frame.
03
Copy or download
Take the embed code or download the framed HTML.
Common questions
Is the preview a screenshot?
No. It is the live HTML rendered inside a constrained frame.
Can I scroll the page?
Yes. The webpage scrolls within the phone screen.
Does it test every iPhone model?
No. It provides a clear phone-width preview and presentation frame, not device-farm emulation.
Can I put the result on my website?
Yes. Device Frame can copy a self-contained embed you can paste into a website that accepts HTML.