Customize
Moody Phone Mockup — Overhead View
Upload a design to get started.
Customize
Moody Smartphone Overhead
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.
Export
Free exports include a watermark and are capped at web resolution. Upgrade for clean, full-res/print downloads.
About this mockup
A moody, top-down iPhone screen mockup on a wood table — for app interfaces and screen designs that want an editorial overhead angle instead of a head-on device shot.
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
Who it’s for
App developers, product designers and marketers who want a screen design shown in a real, in-use moment rather than a floating device render.
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.
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.
