iPhone X Minimal Mockup
Last Updated on August 25, 2026 by Editorial Team
A minimal iPhone X mockup designed for Sketch App. Created and released for free by Eduardo Higareda.
Happy downloading!
What makes this iPhone X mockup work so well is the angle. Instead of a flat, straight-on device shot, each phone is tilted and scattered across a pure black background, which gives the whole composition a sense of movement rather than a static product shot.
That black backdrop is doing a lot of quiet work here. It makes the white iPhone X bezels pop, and it lets whatever colorful screen content you drop in become the real focal point of the image.
The screens themselves show off a range of wallpapers, from deep blues and violets to warm oranges and teal ocean waves, which is a good sign that the mockup handles both dark and light UI screenshots gracefully without looking muddy or washed out.
This kind of angled, multi-device layout is particularly suited to app store banners, dribbble shots, portfolio case studies, and social media announcements where you want to show several screens of an app at once without it feeling like a boring grid.
Because the phones overlap and rotate at different angles, it also reads well as a hero image for a landing page, giving you that “app in motion” feeling that a single straight mockup can’t quite deliver.
Swapping In Your Own App Screens
Editing a mockup like this is usually a matter of finding the screen layer inside each phone frame and replacing its content with your own design.
In most editors that means selecting the placeholder image, deleting or hiding it, and pasting your screenshot into the same position so it snaps into the phone’s screen boundaries.
Because the screens are set at an angle, check that your replacement image is placed inside a group or artboard that already has the correct rotation and perspective applied, rather than trying to rotate a flat screenshot yourself.
A few practical tips for getting clean results:
- Keep your screenshots at a similar aspect ratio to the originals so they fill the screen area without stretching or leaving gaps.
- If you’re only using one or two of the five phones, feel free to delete the rest and recompose the remaining ones, since the loose, scattered arrangement is forgiving of edits.
- Test both light and dark screenshots against the black background before finalizing, since contrast plays a big role in how legible your UI reads at a glance.
Because the background is solid black rather than a busy scene, this mockup also pairs easily with bold typography or a logo placed alongside the phones, which is why you see title text sitting comfortably right in the middle of the composition in the preview.
If you’re building out a fuller presentation, it layers nicely with other minimal device mockups or simple color blocks, since the flat black backdrop won’t clash with additional graphic elements you add around it.
