Digital device templates are popular amongst designers and have been used for years, but with more devices and more resources, designers have taken the liberty of creating dozens of tools for any type of application. This post will focus specifically on Apple device mockups ranging from iPhones to full iMacs.
These mockups include photorealistic renders along with actual photos relying on smart objects for screen replacement. This is perhaps the best way to showcase a new UI design without actually taking a picture of your device. Check out these resources and be sure to let us know your thoughts in the comments.
These iPhone mockups can be used to showcase anything from iOS apps to games and even mobile-responsive websites. Screen dimensions match Apple’s specifications with iPhone 6 and iPhone 6 Plus models (and one day soon the iPhone 7).
Real iPhone 6 PSD Mockups by PSDExplorer. The real iPhone 6 photo set is one of the best for its price. You can download a set of 6 unique PSDs with real iPhones in various positions. The screens can include glossy effects and auto-calculate perspectives for adding your own interfaces. [Download]
iPhone 6 PSD Mockup by Ramotion ($39). This device mockup pack is used by major brands like TechCrunch and VentureBeat to showcase iPhone apps for their editorial needs. All nine mockups feature portrait and landscape perspectives from all iPhone 6 models in white, space gray, and gold. The full pack costs $39 but you can download a free sample containing one iPhone mockup PSD to test it out. Ramotion also features a pack of iPhone 6 Plus mockups available for $49. [Download]
Photorealistic iPhone 6 by Oxygenna. Photorealism is a popular choice for device mockups because they draw viewers into the scene with a sense of real-world features. This pack from Oxygenna contains 4 custom iPhone 6 mockups with editable screens. The PSDs are very high quality and the photography work is captivating. [Download]
iPhone 6 mockup set by Premium Mockups. Eclectic styles and tilted perspectives define this pack of 6 free iPhone PSD mockups. Each photo uses a white iPhone 6 with extra features like reflections and blurs to create a more realistic finish. The set is completely free to download and to use for any project work. [Download]
Mobile tablet gaming is still one of the hottest markets compared to console gaming, and the iPad has spurred many alternative tablets in the touchscreen market. These device mockups are perfect for demonstrating a pixel-perfect render of any iPad app or game interface.
Photorealistic White iPad by ZippyPixels. This photorealistic PSD mockup is simple to use and easy to download. It features a white iPad in landscape mode held on a tabletop. Just replace the smart object screen layer and you’re good to go. [Download]
iPad Air 2 by Igor Reif. The latest iPad Air 2 sports a clean design typical of Apple products. This free mockup features an iPad Air 2 laying on a wooden tabletop with a replaceable screen layer. The PSD includes 4 photo filters and comes in 4133 x 2745px. [Download]
Over-the-Shoulder iPad PSD by Euxhenjo Makaj. Designer Euxhenjo Makaj released this freebie PSD on his Behance page. It’s an over-the-shoulder shot of someone holding an iPad with clear view of the screen. Perfect for any iOS mobile project from apps to games. [Download]
Hip iPad Mockup by Vadim Sherbakov. This quick & dirty PSD is a hip, filtered photo of an iPad tilted for perspective. The photo comes in high-resolution 300 DPI ready for print or the web. [Download]
Upon the release of the Apple Watch, developers rushed to learn WatchKit for building native Apple Watch applications. These device mockups are the perfect companion for any designer or developer looking to present their work with a realistic picture-perfect setup.
Vector Apple Watch PSD Mockups by Ramotion ($69). This incredible set by Ramotion includes high-resolution Apple Watch mockups with 10 different wristband styles. These photorealistic renders are made with vector shapes, so they’re easy to scale and fit with any UI design. This is a premium resource with the full pack selling for $69, but you can download a free demo of one Apple Watch PSD to sample. [Download]
Apple Watch by Juan Carlos Ferraris. A very simple template with a pre-rendered background and photorealistic watch design. The screen is front-facing without any perspective. It’s a nice mockup for the more traditional presentation style. [Download]
Apple Watch Sport Edition by Pierre Bravoz. This 5-toned Apple Watch Sport PSD is the perfect freebie for app designers. The wristband comes in 5 colors and all colors are editable to your liking. Also since it’s a photorealistic render you can easily swap out the background as well. [Download]
Apple Watch 9-Pack by Samuel Medvedowsky. Created by Samuel Medvedowsky of Napoleon Agency, this 9-pack Apple Watch set is beyond incredible. It’s completely free to download and features real photos of people wearing Apple Watches, fully layered with smart objects for screen replacement. [Download]
Photorealistic Apple Watch by COBE. If you’re looking for quality photos look no further than this set of 16 free Apple Watch comps. Each photo ranges 5000px wide for a crisp high-resolution mockup. [Download]
Apple’s line of MacBooks has seen a few variations including the MacBook Air and the high-spec MacBook Pro. If you’re designing a website and want to show it off with photorealistic comps then these mockups are for you. Each mockup is layered and super easy to edit fitting screen sizes that match real-world MacBook resolutions.
Hi-Res MacBook Mockup by PixelBuddha. The team over at PixelBuddha have released their own freebie MacBook photo mockup on Dribbble. It features a user interacting with the computer to give a more finished feeling to the photo. [Download]
MacBook Air Mockups by Oxygenna. MacBook Air photo mockups aren’t easy to come by, and this set is simply superb for a free download. You’ll get 3 unique MacBook Air device mockups photographed from real desks accompanied by relevant background decoration. [Download]
Photorealistic MacBooks by Romain Monbertrand. This pack of 8 MacBook mockups are real photo mockups with layers placed over the screen for ease of use. All photos are high resolution and edible with any version of Photoshop. [Download]
Macbook Pro PSD by Hazem Tawfik. From businesses to creative agencies, these two MacBook Pro device mockup photos are stunning and relatable. Use them to show off projects to a client, impress your boss, or simply test out a personal project you’ve been designing. [Download]
Working on MacBooks by loswl. For true high-quality device mockups you’ll want to scope out this pack from Creative Market. It features users on their MacBooks in different locations and from varying camera angles. The pack includes 10 different mockups that can work in Photoshop CS2 or later. [Download]
MacBook Air by NineToFive. This layered PSD comes in at 2400 x 1600px resolution ready to fit any UI design presentation. And note that this is only freebie #1 of an ongoing pack released by NineToFive. Check out their freebies page to find 4 more free MacBook Air renders. [Download]
It’s tough to find quality iMac mockups that contain layers for quick screen replacement. But the few resources out there are incredible for showing off a new website with a photorealistic effect. All of these resources are layered as PSDs with clear editing instructions. Unfortunately I’ve yet to find quality Sketch mockups for the iMac, but hopefully designers will tackle this area in the near future.
iMac Desk Mockups by Alex Byrne. Alex released this set of 4 iMacs on Creative Market with a free preview on Dribbble. Each photo showcases the iMac screen from a different point of view with a subtle yet relevant background. [Download]
7 Real iMac PSD by show it better. This pack includes 7 different iMac photos all taken from the same desk space. Differences in perspective allow for very creative presentations, and each photo comes in high-resolution at 4000 x 2667px. [Download]
Photorealistic iMacs with Filters by Oxygenna. Those who are looking for free mockups should check out this pack which contains 4 photorealistic iMacs taken from real photos at different angles. Built-in layers with photo filters can be used for an extra touch. [Download]
Straight Shot iMac PSD by Marcel Wedekind. A clean yet efficient iMac mockup made free under a creative commons license. It has been edited to allow any interface to fit within the iMac screen; just follow his instructions. [Download]
iMac 27" PSD Mockup by Mats-Peter Forss. This incredible photo of a 27″ iMac was modified by Mats-Peter Forss and posted on Behance as a free PSD. It features an office setting with a clear view of the iMac screen. The PSD is fully editable with a 16:9 smart object layer for the screen contents. [Download]