Tool · Phone mockups

iPhone mockup from a URL

Getting a clean phone screenshot of a website usually means a simulator, a device, or devtools plus manual cropping. URL2Mockup captures the mobile layout of your page directly from the URL and places it in an iPhone-style phone frame.It is useful when you need to prove the mobile experience: app-style landing pages, Instagram and LinkedIn posts, case studies, and pitch slides that show “it works on mobile too”.
Preview on

Your first 2 mockups are free when you sign up.

How it works

  1. Step 1

    Paste your URL

    Use the page you want to show on mobile. Add a short delay if the mobile menu or hero animates in, and hide cookie banners, which take up much more of a phone screen.

  2. Step 2

    Select the phone frame

    Choose phone and pick a device color that contrasts with your background.

  3. Step 3

    Pick a mobile-friendly canvas

    Portrait (1080 × 1350) suits feeds, Story (1080 × 1920) suits Stories and Reels covers, and Fit device gives a tight crop for docs.

  4. Step 4

    Export

    Download PNG, JPG, or WebP, or copy to clipboard to paste into a deck or chat.

Recommended settings

Device
Phone (iPhone-style frame)
Canvas
Portrait 1080 × 1350 or Story 1080 × 1920
Background
Peach or Aurora for light UIs; Midnight for dark UIs
Padding
L on Story so the phone is not cut off by app overlays
Format
PNG or WebP

Tips

  • Hide the cookie banner. On a phone-sized capture it can cover a third of the screen.
  • If your mobile hero is mostly whitespace, capture a deeper page (pricing, a feature page) that shows more product.
  • Want desktop and mobile side by side? Use the laptop + phone combo instead of two separate mockups.

Frequently asked questions

It is an iPhone-style phone frame designed for presentations. It is not an Apple asset, so follow Apple’s marketing guidelines if you need official device imagery.

Yes. The phone mockup captures your page at a phone-sized viewport, so responsive layouts render their mobile breakpoint.

10 credits for a fresh URL capture, or 3 credits if the same page was captured in the last 24 hours. Every mockup includes the clean HD export with no watermark, all styling options, and private links at no extra credit cost.

Not from the URL. Take a phone screenshot of the logged-in screen and upload it instead (5 credits); it goes into the same frame.

Every export is included

Pay per capture with prepaid credits from $12. Clean HD downloads, styling, and private links cost nothing extra.