iPhone X in Hand Mockup
Last Updated on July 17, 2026 by Editorial Team
This iPhone X in hand mockup might be very useful for showcasing your next design project.
Features:
- high resolution: 5882x4636px @ 300dpi
- smart object used
- changeable background
Created and released for free by Tran Mau Tri Tam.
What makes this iPhone X mockup so easy to reach for is the human touch in the shot. A hand holds the phone at a natural angle, thumb and fingers wrapped around the edges the way anyone actually holds a device, which instantly makes the presentation feel candid rather than staged.
The phone itself is rendered with clean, realistic detail: the glass edge catches light along the bezel, the notch and front camera are crisp, and the screen sits ready for whatever design gets dropped into it.
Behind all of that is a soft gradient backdrop in teal and aqua tones, dotted with translucent circles and faint shooting-star streaks that give the whole scene a light, modern, almost dreamy atmosphere without pulling attention away from the screen.
That combination of a lifelike hand pose and a calm, colorful backdrop is what separates this from a flat, studio-style device shot. It reads more like a lifestyle photo than a plain product render, which is exactly the kind of presentation that performs well on social feeds, landing pages, and app store galleries where scroll-stopping context matters as much as the screen content itself.
This mockup earns its keep anywhere you need to show a mobile interface being used rather than just displayed. App designers can drop in onboarding flows, dashboards, or a finished UI to demonstrate how a screen feels in someone’s palm.
Marketers and product teams can use it for App Store and Play Store screenshots, since the in-hand framing gives potential users an immediate sense of scale and usability.
It also works well for portfolio case studies, pitch decks, social media promos, and email campaigns announcing a new app or feature, anywhere a phone-in-use visual feels more persuasive than a bare device on a plain background.
Editing the Screen Content
Because the display is built as a smart object, updating it is meant to be simple. Open the smart object layer, place your design, app screen, or website capture inside at full resolution, then save and close it.
The mockup file updates automatically, wrapping your artwork around the same subtle screen highlights and reflections already built into the shot.
Keep your screen content sized and cropped to match a standard iPhone X screen ratio before placing it, so nothing gets stretched or cropped awkwardly once it snaps into position.
If your design includes small text or fine UI details, double-check legibility at the mockup’s actual output size, since the hand and background elements will draw the eye first.
Adjusting the Background
The changeable background gives you room to match the mockup to a brand palette or campaign mood. Since the current gradient leans cool and teal, swapping it for warmer tones, a solid brand color, or a photographic backdrop can shift the entire feel without touching the phone or hand layer.
When you do change it, try to keep a similarly soft, low-contrast quality behind the phone. The current version works because the busy floating circles and streaks stay light and out of focus, letting the screen remain the sharpest, highest-contrast element in the frame.
A background that is too bold or too busy will compete with whatever you place on the screen. For consistency across a set of app screenshots or social posts, duplicate the file and reuse the same background treatment so your presentation stays cohesive from one image to the next.
