Customize
Coffee Shop Laptop Mockup — Close Angle
Upload a design to get started.
Customize
Coffee Shop Laptop — Close Angle
PNG, JPG or MP4 video
Placement options
+
Shows the complete artwork without cropping — may reveal the photo around it.
Highlights & shadows
+
Control how the photo’s light shows through your artwork.
Glare on top of your design.
Darkening in folds/curves.
Depth-of-field softening away from where the photo is actually focused. 0% keeps your design sharp everywhere.
Export
Free exports include a watermark and are capped at web resolution. Upgrade for clean, full-res/print downloads.
About this mockup
A closer laptop mockup shot in a bright coffee shop, screen filling the frame with a coffee cup nearby — perfect for showcasing a website, app, or portfolio with more screen detail.
What you can customize
- Your own screen design — an app, website or wallpaper
- Screen background color
- Artwork size and rotation
- Fit, Fill or Stretch placement
- Highlights and shadows, to match the light in the photo
- Depth-of-field blur that follows the photo's focus
Who it’s for
Web designers, SaaS teams and freelancers presenting a site, dashboard or app in a natural workspace.
Frequently asked
What can I change on this mockup?+
You can adjust the artwork's size, rotation and placement, change the screen background color, and set the highlights and shadows so your design matches the light in the photo, including a depth-of-field blur.
What file should I upload?+
A PNG or JPG of your screen design, at the screen's native resolution or larger. Choose Fit, Fill or Stretch to set how it sits on the screen.
Do I need Photoshop or an account?+
No. Everything runs in your browser, and every mockup works without an account. Sign up only when you want clean, full-resolution downloads.
What resolution can I export?+
Export as PNG or JPG. Free exports are watermarked and capped at about 1600px; a subscription unlocks clean, full-resolution, print-ready downloads.
