iPhone X 3D Mockup
Last Updated on July 26, 2026 by Editorial Team
An impressive 3D mockup of an iPhone X, rendered in Cinema 4D.
The mockup itself is in Photoshop .PSD format, so you can easily edit it and add your own artwork.
Big thank you to Virgil Pana for creating and sharing this awesome freebie.
What makes this iPhone X mockup stand out from the flood of flat, front-facing phone templates out there is the angle.
Instead of a straight-on shot, the device is tilted and shot close, almost macro, so the glass, the white body, and the notch all catch light differently across the surface.
That extreme close-up framing is what sells the render as photography rather than a flat illustration, and it is the detail worth noticing before you even open the file.
The white iPhone X body has a soft, slightly glossy finish with visible bezel detail around the volume buttons and speaker grille, which is exactly the kind of realism that separates a convincing 3D phone mockup from a generic template.
On screen, the sample lock screen wallpaper runs through a gradient of deep blue fading into hot pink and coral, with the lock icon, time, and date rendered in clean white type.
You don’t need to keep that gradient, but it does a good job of showing off how light plays across the curved glass, which is worth remembering when you drop in your own screen design.
Getting the Most Out of the Angle
Because the phone is shot at a diagonal with a shallow sense of depth, this mockup is built for showing off screen content rather than app icons or home screen layouts.
It suits lock screen designs, wallpaper packs, notification and widget concepts, messaging app interfaces, or any UI where the top portion of the screen, near the notch, plays a visual role.
App landing pages, portfolio case studies, and social media posts promoting a mobile app all benefit from this kind of dynamic, editorial framing instead of a flat, boring screenshot.
If your design work is for a dashboard or grid-heavy app screen, a straight-on mockup will actually read more clearly, so it’s worth matching the mockup angle to the kind of interface you’re showcasing.
To swap in your own artwork, open the file and find the smart layer or screen layer positioned inside the display area.
Paste your design into that layer, and the mockup’s perspective and lighting effects should reproject your artwork onto the tilted screen automatically.
Because the glass has reflections and gradient falloff baked into the render, screens with lighter backgrounds or bold color blocks tend to show up better than busy, detail-heavy interfaces, which can get lost in the reflections near the edges.
It also helps to preview your artwork at full resolution before exporting, since the diagonal angle means text or icons near the top corners will appear foreshortened compared to a flat screenshot.
For presentation, this mockup pairs nicely with a plain background, letting the soft shadow beneath the phone and the neutral grey backdrop keep all the attention on the device itself.
If you’re building a fuller product page or pitch deck, combine it with a flat, front-facing phone shot or a laptop mockup so viewers get both the dramatic hero image and a clear, readable view of the interface.
