A free tool · by Vibe Designs
Preview any URL inside a real device.
Drop a URL, pick a frame. Phone, tablet, laptop, or all three side-by-side. The link is always shareable — copy the page address and send a preview to a client without screen-recording.
Paste any URL above — or try an example.
Pick one of the studio's live builds to see the tool in action.
Quick load · studio builds
6 examples
On embed-blocking
Some sites reject iframe embedding via X-Frame-Options or a strict Content-Security-Policy. The frame stays blank in those cases — click Open standalone to load the site in a new tab. (Examples: linear.app, vercel.com, most banks.)
On sharing
Every preview is reflected in the URL — ?url=...&device=... — so anything you set up here can be bookmarked or sent to a client. They'll land on the exact device + URL you chose.
On scale
Device frames render at their native pixel size and are CSS-scaled to fit your viewport. So a laptop frame at 1280 × 800 looks identical on a 27" monitor and a 13" MacBook — only the page chrome changes. The underlying site renders at the device's reported viewport.
On building this
Built by Vibe Designs in a weekend. The frame components live at src/components/site/ in the public repo. If you want a custom branded version for your team, see /pricing.