iMac & MacBook Clay Mockups

Last Updated on August 21, 2026 by Editorial Team

A free set of Apple-related clay mockups, crafted and shared by Mladi Lav. The freebie contains four mockups (.PSD format): 1 x iMac and 3 x MacBook (in different positions).

What makes this MacBook clay mockup stand out is the material treatment. Instead of a photorealistic aluminum laptop with reflections and glare, the whole device is rendered in a soft, matte, monochrome clay finish that turns the hardware itself into a neutral display surface.

The screen and keyboard deck are both molded from the same pale, almost porcelain material, with faint outline illustrations of laptops and phones etched across the surface like a subtle wallpaper texture.

That texture never competes with your design. It just adds a bit of dimension to what would otherwise be a flat white panel, which is exactly the kind of restraint you want in a mockup meant to showcase someone else’s work.

The bright cyan background in this preview is a deliberate choice by the designer to make the clay device pop, but the mockup itself is built to be a blank, editable canvas.

Your screen content sits inside a clearly defined placeholder area on the display, styled here as a simple card reading “Free Mockup” in a clean sans serif, which gives you a good sense of the proportions and margins you’ll be working within.

This clay aesthetic has become a favorite in product design and app design portfolios because it photographs like a physical object without pulling focus with branding, logos, or glossy screen reflections.

It reads as premium and considered, closer to a 3D render used in a keynote than a stock photo of a laptop, which is why it works so well for presenting UI design, dashboards, website layouts, and app screens in a portfolio or case study.

Because the laptop is angled slightly and floats with a soft drop shadow, it also has enough personality to hold its own as a hero image on a landing page or in a social media post announcing a new product.

Working With the Clay Surface

Editing this kind of mockup is straightforward once you know where the smart layers or placeholder groups sit.

Open the file in your editor of choice, locate the screen placeholder layer, and drop your design in using a smart object or clipping mask so it conforms to the screen’s perspective automatically.

A few practical tips for getting the best results:

• Keep your interface screenshots high resolution so they hold up against the clean, matte clay finish, which tends to highlight any pixelation or blur.
• If you swap out the background color, choose something that contrasts with the pale clay tone the way this cyan does, otherwise the laptop can wash out against a light backdrop.
• Resist the urge to add heavy reflections or gloss to the screen. The whole appeal of a clay mockup is its flat, non-distracting finish, so keep any added effects subtle.
• If the set includes multiple MacBook angles alongside the iMac, use one for a straight-on screen shot and another angled view for a lifestyle-style composition, so a single project doesn’t look repetitive across a portfolio page.

Because the clay style is intentionally neutral, it pairs well with bold, colorful UI designs, since the mockup itself never fights for attention.

It also works nicely alongside other clay-style mockups, such as phone or tablet renders in the same material, if you want a consistent, cohesive family of device shots across a website or pitch deck.

For anyone building out a UX case study, a SaaS product page, or an app landing page, this set gives you a fast way to present interface work with a bit of visual polish, without needing a full 3D rendering setup of your own.