Free • No signup Place Screenshot on device · Free

AI Screen Mockup from Photo

Upload a device lifestyle photo + your UI screenshot. AI places it with perfect perspective and reflections.

MacBook Pro on a white desk with blank screen, desk lamp on right
Photo 1
+
Reference image for AI Screen Mockup from Photo
Photo 2
Same MacBook photo with a SaaS analytics dashboard composited on screen, perspective-matched with subtle screen glow
Result

Place Screenshot on Device Mockup from Photo

Drop your photo here

or click to browse

Release to upload

Free • No signup

Popular use cases:
  • app store screenshot mockup
  • saas landing page device mockup
  • startup pitch deck product image
  • portfolio device mockup
  • product hunt launch screenshot
  • investor deck app preview
  • dribbble device mockup
  • behance portfolio mockup
  • phone mockup from lifestyle photo
  • laptop screen mockup AI
  • device mockup generator
  • realistic screen composite

1Your photo
+
2Reference
=
Result
Lifestyle photo of a laptop on a desk with empty screen Your device photo
App UI screenshot or dashboard design Your screenshot
Device photo with screenshot placed on screen, perspective-matched Result

"Place the screenshot on the laptop screen, matching the perspective and screen reflections"

Cost
Free No signup required
Time
Instant results in 15-30 seconds
Works on
Any device - browser, phone, tablet, desktop
Powered by
AI-powered photo editing
Scenario Prompt Time
place the screenshot on the MacBook screen, perspective-matched, clean screen glow, minimal reflections 30s
composite the app screenshot onto the iPhone screen, matching natural daylight screen brightness 30s
place the UI design on the iPad screen, perspective-corrected for the tablet angle, realistic screen reflection 30-45s
place the product screenshot on the laptop screen in this lifestyle photo, perspective-matched, suitable for product launch announcement 30s

How it works

  1. Upload your device lifestyle photo

    Drop a photo of the device into EditThisPic — a laptop on a desk, a phone held in someone's hand, a tablet on a table. The device screen should be clearly visible and facing the camera. Real-environment shots work best: coffee shops, clean home offices, studio setups. JPG, PNG, WebP up to 7MB.

    Expect: Clean screen visible on device: 30 seconds. Angled or partially obscured screen: may need 2-3 refinements to get perspective exactly right.
  2. Upload your UI screenshot as a reference image

    Click '+ Add reference image' below the prompt to upload your app screenshot, dashboard design, or website UI. This is the image the AI will composite onto the device screen. The reference can be a full-resolution screenshot, a Figma export, or a browser capture — any flat image works.

    Tip: Use your actual full-resolution screenshot, not a cropped thumbnail. The AI will handle all the perspective distortion, so start with the cleanest version of your UI.

    Copy one of these to get started:

    Screen Mockup from Photo place the screenshot on the device screen with correct perspective — make it look natural and professional
    Mobile app on phone held in hand composite the app screenshot onto the phone screen in this hand-held photo, perspective-matched to the phone angle, with natural screen brightness for the outdoor lighting
    Web app on MacBook at coffee shop place the web app screenshot on the MacBook screen with correct perspective, matching the warm ambient cafe lighting and adding a realistic screen reflection from the window light
    Dashboard on tablet on table composite the analytics screenshot onto the iPad screen lying on the table, perspective-corrected to match the top-down angle, with accurate screen brightness for the desk lamp lighting
    4 more prompts
    Minimal pitch deck MacBook on white desk place the product screenshot on the laptop screen on this white desk, exact perspective match, clean screen glow with no harsh reflections, suitable for a professional pitch deck
    App Store screenshot on phone against wall composite the mobile app screenshot onto the iPhone screen in this photo, perspective and scale matched, with a subtle screen reflection from the background wall light
    Multiple device mockup — laptop and phone place the desktop screenshot on the MacBook screen and the mobile version of the app on the iPhone, both perspective-corrected, matching the consistent studio lighting across both screens
    Dark mode UI on dark device photo place the dark mode dashboard screenshot on the laptop screen, matching the dim ambient lighting of the scene, with a cool blue screen glow consistent with dark mode brightness
  3. Describe the placement

    Type your instruction: 'place the screenshot on the laptop screen, matching the perspective and screen reflections.' Mention the device type if helpful — 'MacBook screen,' 'iPhone display,' 'iPad.' You can also specify lighting: 'with a slight screen glow matching the ambient light.' No marking needed — the AI identifies the screen automatically.

    Tip: If your device photo has a strong lighting angle, describe it: 'with subtle screen glare from the upper-right light source.' This produces the most photorealistic result.

    Copy one of these to get started:

    Screen Mockup from Photo place the screenshot on the device screen with correct perspective — make it look natural and professional
    Mobile app on phone held in hand composite the app screenshot onto the phone screen in this hand-held photo, perspective-matched to the phone angle, with natural screen brightness for the outdoor lighting
    Web app on MacBook at coffee shop place the web app screenshot on the MacBook screen with correct perspective, matching the warm ambient cafe lighting and adding a realistic screen reflection from the window light
    Dashboard on tablet on table composite the analytics screenshot onto the iPad screen lying on the table, perspective-corrected to match the top-down angle, with accurate screen brightness for the desk lamp lighting
    4 more prompts
    Minimal pitch deck MacBook on white desk place the product screenshot on the laptop screen on this white desk, exact perspective match, clean screen glow with no harsh reflections, suitable for a professional pitch deck
    App Store screenshot on phone against wall composite the mobile app screenshot onto the iPhone screen in this photo, perspective and scale matched, with a subtle screen reflection from the background wall light
    Multiple device mockup — laptop and phone place the desktop screenshot on the MacBook screen and the mobile version of the app on the iPhone, both perspective-corrected, matching the consistent studio lighting across both screens
    Dark mode UI on dark device photo place the dark mode dashboard screenshot on the laptop screen, matching the dim ambient lighting of the scene, with a cool blue screen glow consistent with dark mode brightness
  4. Download your mockup

    Review that the screenshot fills the screen naturally, perspective lines match the device angle, and reflections look realistic. Verify the UI text is readable and edges are clean where the screen meets the device bezel. Download the result without any watermark.

  5. Refine with markers if needed

    If the AI placed the screenshot in the wrong region or the perspective is off, tap a marker on the exact screen area and regenerate. This is optional — most mockups work without markers when the screen is clearly visible in the device photo.

    Tip: Markers are for precision when you have multiple reflective surfaces or the screen is partially at the photo edge. Try without them first.
Try it free

Place Screenshot on Device Mockup from Photo

Drop your photo here

or click to browse

Release to upload

Free • No signup

"I dropped in a coffee shop MacBook photo and my SaaS dashboard screenshot. The AI nailed the perspective. Our investors thought it was a real photograph." @JordanBuildsB2B

See it in action

MacBook Pro on a white desk with blank screen, desk lamp on right
Main Photo
Reference image for AI Screen Mockup from Photo
Reference
Same MacBook photo with a SaaS analytics dashboard composited on screen, perspective-matched with subtle screen glow
Result

SaaS Dashboard on MacBook at Desk

A SaaS dashboard screenshot placed on a MacBook in a lifestyle desk photo for a pitch deck. The AI matched the perspective of the slightly angled screen and added a realistic glow from the overhead desk lamp.

Prompt: place the dashboard screenshot on the MacBook screen, perspective-corrected to match the laptop's viewing angle, with a subtle screen glow from the overhead lamp and a clean desk reflection
Hand holding an iPhone with blank screen outdoors in natural light
Main Photo
Reference image for AI Screen Mockup from Photo
Reference
Same hand-held iPhone photo with fitness app UI composited on screen, matching outdoor daylight
Result

Mobile App on iPhone in Hand Outdoors

A fitness app UI screenshot placed on an iPhone held in a hand outdoors. The AI handled the phone's natural tilt and matched the bright daylight screen brightness for a convincing lifestyle shot.

Prompt: composite the app screenshot onto the iPhone screen, matching the natural tilt of the phone in the hand, with bright screen visibility suitable for outdoor daylight, and a slight sky reflection on the screen

Detailed Guides by Scenario

📷

App Store Screenshots and Marketing Assets

App stores, product pages, and ad campaigns need screenshots that look real — not generic white-background frames. Drop your app UI into a lifestyle device photo for marketing assets that convert.

Common Scenarios

  • App Store and Google Play hero screenshots
  • Facebook and Instagram ads showing the app in use
  • Product Hunt launch images with lifestyle context
  • Landing page hero sections with real device photography

Best Practices

  • Use device photos with neutral or branded backgrounds that match your app's aesthetic
  • Shoot or source device photos where the screen faces the camera at a slight angle — perfectly flat screens look staged
  • For mobile apps, use photos of phones held naturally in a hand rather than laid flat
  • Keep UI screenshots at full resolution before uploading — the AI handles all scaling
App Store hero image with lifestyle phone photo place the app screenshot on the iPhone screen with correct perspective, matching the ambient lighting and adding a subtle screen glow
SaaS landing page hero on laptop mockup composite the UI screenshot onto the MacBook screen, perspective-corrected to match the laptop angle, with realistic screen reflections
📷

Investor Decks and Pitch Materials

Investors see dozens of pitch decks. A professional product screenshot on a real device photo signals polish and credibility — far more than a generic frame downloaded from a mockup site.

Common Scenarios

  • Seed and Series A pitch deck product slides
  • YC application product screenshots
  • Demo day presentation visuals
  • One-pager product screenshots for angel outreach

Best Practices

  • Use high-end device photos: MacBook Pro, latest iPhone model, iPad Pro — they signal premium product quality
  • Prefer clean, minimal desk environments — white marble, dark wood, or branded backgrounds
  • Capture your most impressive dashboard view or feature screen as the reference screenshot
  • For multiple slides, use the same device lifestyle photo with different screenshots for visual consistency
Pitch deck product slide with premium laptop photo place the dashboard screenshot on the MacBook Pro screen, perspective-matched to the laptop's viewing angle, with a realistic screen reflection and natural studio lighting
YC application product screenshot with lifestyle context composite the analytics screenshot onto the laptop screen in this coffee shop photo, matching the warm ambient light and adding a subtle screen glow
📷

Designer and Developer Portfolio Showcases

Portfolios that show work in real-world device contexts get more client inquiries than flat screen exports. Turn your Figma designs and live app screenshots into lifestyle mockups for Dribbble, Behance, and personal sites.

Common Scenarios

  • Dribbble and Behance project cover images
  • Personal portfolio site hero sections
  • LinkedIn featured project images
  • Case study visuals showing UI in context

Best Practices

  • Use device photos with lifestyle context that matches the project: fintech on clean desk, travel app on hands near window
  • Show responsive designs on multiple devices in the same photo for a comprehensive portfolio shot
  • For web projects, prefer MacBook or desktop monitor photos that frame the UI at full width
  • Match device brand to client's target market when possible — Apple devices for consumer apps, Surface for enterprise B2B
Dribbble shot with lifestyle device context place the mobile app design on the iPhone screen in this outdoor photo, matching the bright natural daylight and adding a subtle screen reflection
Portfolio case study hero image composite the web dashboard design onto the MacBook screen on this minimal white desk, with correct perspective and clean screen glow
📷

Product Hunt and Social Launch Assets

Product Hunt launches live or die on their gallery images. A realistic device mockup immediately communicates what the product does and signals the quality of the build.

Common Scenarios

  • Product Hunt launch gallery images
  • Twitter and LinkedIn product announcement posts
  • Hacker News Show HN screenshots
  • Newsletter and blog post product illustrations

Best Practices

  • Use the first gallery image to show the core product value — pick your best screen
  • Lifestyle device photos outperform plain white background mockups on Product Hunt — use real-environment shots
  • Create 3-4 variations with different screenshots for a full gallery that tells a product story
  • For mobile-first products, show the phone in a hand to signal real-world usability
Product Hunt launch hero image place the product screenshot on the MacBook screen in this coffee shop setting, perspective-matched with realistic screen brightness for the ambient light
Social media product announcement composite the app UI onto the iPhone in this hand-held photo, matching the outdoor lighting and adding natural screen reflections from the sky

If something looks off

Screenshot appears warped or the wrong shape on the screen

Why: The AI misread the screen's perspective angle, applying incorrect distortion to the screenshot geometry.

Try: place the screenshot on the device screen with accurate perspective correction — maintain the rectangular aspect ratio of the UI and distort only the edges to match the screen angle

Tip: Use device photos where the screen faces more directly toward the camera. Screens at extreme side angles (more than 45 degrees) produce weaker results.

Screen glow or brightness looks artificial or too bright

Why: The AI defaulted to a standard screen brightness that doesn't match the ambient light in the photo.

Try: place the screenshot on the screen with screen brightness matching the [dim/bright/warm/cool] ambient lighting of the scene, natural glow only

Tip: Describe the lighting mood: 'dim evening office lighting' or 'bright daylight near a window' — this gives the AI the right reference for how bright the screen should appear.

AI placed the screenshot on the wrong surface (table, wall, background)

Why: The photo contains multiple flat surfaces or reflective areas and the AI chose the wrong one.

Try: Tap a marker directly on the device screen, then regenerate with 'place the screenshot on the marked screen area only'

Tip: Markers tell the AI exactly which surface to target. Use them whenever there are multiple flat surfaces in the photo — mirrors, windows, tables.

AI changed the wrong area or something I didn't want changed

Why: The AI couldn't determine exactly which area you meant from description alone. This happens with ambiguous requests when multiple reflective or flat surfaces exist.

Try: Tap a marker on the specific device screen you want the screenshot placed on, then regenerate with the same prompt

Tip: Markers tell the AI 'I mean THIS screen specifically.' Use them when description alone is ambiguous or when your photo has multiple devices.

Screenshot is only partially visible or clipped at the screen edges

Why: The AI's placement didn't correctly map the full screenshot to the full visible screen area, leaving parts cut off.

Try: place the full screenshot covering the entire visible screen surface, filling the screen edge to edge without clipping any part of the UI

Tip: Add 'fill the screen edge to edge' and 'do not clip any part of the UI' to ensure the complete screenshot is mapped to the screen.

Reflections or glare on the screen obscure the UI content

Why: The AI added reflections that are too strong or positioned over key UI elements.

Try: place the screenshot on the screen with minimal, subtle reflections — keep reflections at the screen edges only, not over the center UI content

Tip: For marketing assets and pitch decks, subtle or near-zero reflections are best. Specify 'minimal reflections' unless you specifically want a dramatic glare effect.

Quick answers

Do I need to mark the screen area before placing the screenshot?

No. Just upload your device lifestyle photo, upload the screenshot as a reference image, and describe what you want: 'place the screenshot on the laptop screen with correct perspective.' The AI locates the device screen automatically. Use markers only if the photo has multiple screens or flat reflective surfaces and the AI places the screenshot in the wrong area.

How do I put a screenshot on a device mockup using a real photo?

EditThisPic uses a two-image workflow. Upload your device lifestyle photo as the main image (laptop on desk, phone in hand, tablet on table), then click '+ Add reference image' to upload your UI screenshot. Type 'place the screenshot on the device screen, perspective-matched.' The AI handles all the distortion, screen glow, and reflection matching automatically. Free, no account needed.

Is there a free device mockup generator that doesn't require signup?

Yes. EditThisPic lets you create realistic device mockups from real photos completely free, with no account or signup required. Upload your device photo and UI screenshot, describe the placement, and download the result without any watermark. You get one free mockup per week, or purchase credits for more.

What kind of device photos work best for this?

Photos where the screen faces mostly toward the camera work best — the screen should be clearly visible and take up a reasonable portion of the frame. Ideal setups: laptop open at 90-110 degrees on a desk, phone held upright or laid flat with screen up, tablet propped at reading angle. Avoid photos where the screen is nearly edge-on (more than 60 degrees from the camera), heavily glared, or too small in the frame.

Can I use my own screenshot or do I need a specific format?

Any flat screenshot works: browser captures, Figma exports, full-resolution app screenshots, or UI designs. Upload it as the reference image. The AI handles all scaling and perspective distortion, so start with the full-resolution version of your screenshot. JPG, PNG, and WebP are supported up to 7MB.

What is the best free AI tool for creating device mockups from photos?

EditThisPic is built specifically for this workflow. Unlike static mockup generators that use pre-built 3D frames, EditThisPic works with any real device photo you provide — a MacBook in your actual office, a phone in someone's hand outdoors, a tablet at a client site. The result looks like an actual photograph because it starts from one.

How do I make a professional mockup for my startup pitch deck?

Use a high-quality photo of a premium device (MacBook Pro, latest iPhone) on a clean desk or professional environment. Upload it as the main image, then add your best product screenshot or dashboard as the reference image. Describe 'place the screenshot on the screen with clean screen glow and minimal reflections, suitable for a pitch deck.' This produces a polished result in about 30 seconds — much faster than Figma mockup plugins or Photoshop.

Can I create mockups for multiple device types — phone, tablet, and laptop?

Yes. Run separate edits for each device type. Upload the relevant device photo as the main image, upload your screenshot (or the responsive version for that screen size), and describe the placement. You can create a full device showcase in a few minutes. For a multi-device photo (laptop + phone in same frame), describe both screens in one prompt: 'place the desktop version on the MacBook and the mobile version on the iPhone.'

Why does my screenshot look pixelated or low quality on the screen?

The reference screenshot is likely low resolution. Use the highest-resolution version of your screenshot — a full-resolution browser capture or Figma export at 2x. The AI scales the reference image to fit the screen, so starting with a higher-resolution source always produces sharper results.

How is this different from using a Figma mockup plugin or a mockup generator site?

Standard mockup tools use pre-built 3D device frames with fixed angles and lighting. They look generic because thousands of other brands use the same frames. EditThisPic works with any real-world device photo you provide, so the lighting, background, and environment are completely custom. The result looks like an actual photograph taken with your app on screen — because it starts from a real photo.

Does this work for dark mode UI designs?

Yes. Dark mode screenshots work well on device photos with dim or neutral ambient lighting — office environments with desk lamps, evening shots, or any photo that isn't in direct bright sunlight. Describe 'with screen brightness matching the dim ambient lighting and a cool blue glow from the dark mode display' for the most realistic result.

Is EditThisPic free to use? What are the limits?

EditThisPic offers one free edit per week with no account required and no watermark. If you need more than one mockup per week, you can purchase credit packs starting at $1.99 for 3 edits, or subscribe for monthly credits from $3.99/month. There is no signup required for the free weekly edit.

Ready to create your device mockup?

Upload your device photo and screenshot. Results in 30 seconds. Free, no signup required.

Try it free