Free iPhone 8 Mockups
Last Updated on July 29, 2026 by Editorial Team
A free set of iPhone 8 mockups created and shared by Rajeev Karemane. The freebie contains 3 mockups and is available in .PSD format. Enjoy!
The setup here is refreshingly grounded compared to most phone mockups floating around the web. Instead of a floating device on a flat studio backdrop, this iPhone 8 mockup stands upright on a textured grey carpet, framed by a dark angular backdrop and a soft, out-of-focus orange accent in the corner.
That real-world staging gives the whole scene a photographic, editorial quality rather than a sterile product-render feel. It reads more like a lifestyle photo shoot than a plain device template, which is exactly why it works so well for showcasing app screens or mobile designs in a way that feels believable and contemporary.
The phone itself is rendered in a light silver or white finish, with the classic iPhone 8 notch, front-facing camera cluster, and speaker grille all clearly defined. The screen displays a smooth gradient sky moving from lavender at the top to deep indigo at the base, with a simple mountain silhouette along the bottom edge, a nice reminder of how much atmosphere a single gradient wallpaper can bring to a mockup preview.
This kind of scene-based presentation is particularly useful for designers who want their app UI, mobile website, or wallpaper design to feel like it belongs in a real environment rather than floating in a vacuum. It suits portfolio case studies, Dribbble shots, App Store screenshots, client presentations, and social media posts where a bit of atmosphere and depth adds credibility to the work being shown.
Getting the Most Out of the Scene
Because the mockup is shot at a slight distance with a shallow depth of field, it plays especially well with UI designs that have strong contrast or bold typography, since these will still read clearly even against the softly blurred, moody backdrop.
When you drop your own screen design into the display area, keep in mind the ambient lighting of the scene. A design with warm tones will echo the orange blur in the background, while cooler blues and purples will blend naturally with the existing gradient wallpaper, so it’s worth nudging your screen’s color temperature slightly to match the surrounding light for a more seamless result.
If you’re placing this mockup into a larger layout, such as a portfolio page or a marketing slide, consider keeping the carpet and dark backdrop visible rather than cropping in tight on the phone. That environmental context is what makes this particular mockup stand apart from flat, front-on device shots, and cropping it away loses the mood that makes it interesting in the first place.
It also pairs nicely alongside simpler, flat-background mockups if you’re building a multi-device presentation. Use this atmospheric version as a hero image at the top of a case study, then follow it with cleaner, isolated mockups to show additional screens or flows without repeating the same busy backdrop throughout.
