MacBook mockups
262 3D-rendered MacBook Air and MacBook Pro mockups for a site or an app, 10 of them free.
MacBook Mockup Generator
Put your website or app on a MacBook right in your browser and export a PNG or a layered PSD.
MacBook mockups at a glance
- 262 scenesMacBook Air, Pro and Neo
- 6 stylesClay, studio, bundles and scrolling
- macOS 26 around itMenu bar, dock and Safari window
- 10 freeEdit and export after sign-in
MacBook mockup styles
Questions
Which MacBook models are there?
MacBook Air (M2 and 2022), MacBook Pro 16-inch and MacBook Neo, some of them in clay. A few scenes pair a MacBook with an iMac, an iPad or an iPhone.
Can I show a website on the MacBook screen?
Yes. In the Static editor, paste the site's link: it is captured in light and dark and opens in the MacBook's Safari window. A screenshot or a long page works too.
Does the editor add the macOS interface?
Yes. It can put a design into the macOS 26 menu bar, dock and Safari window. A design made for the whole screen gets no extra bars, and a slider sets the interface size.
Can I put a video on the MacBook screen?
Yes. A video on the screen exports as MP4 or WebM. The looped and animated scenes come as clips to download.
Is there a MacBook mockup for Figma?
Yes. Select a frame in Figma and the Mockup plugin places it on a MacBook screen.
Can I use these MacBook mockups for client work?
Yes. Case studies, pitches and client decks all count as commercial use. You can't resell the mockups or share the source files. The cards marked free can be edited and exported after you sign in.