Skip to content
SynthMockOpen editor

Keep the presentation light and focused.

MacBook Air 13-inch
mockup generator.

Frame your website in a MacBook Air 13-inch mockup. Choose Silver, Midnight or Starlight, add your desktop artwork and compose the laptop with adjustable lid and camera controls.

Pro model. A paid plan is required to use this model and export.

MacBook Air 13-inch 3D mockup showing an example interface, rendered in SynthMock
Rendered in SynthMockSilver finish

Made for this model

Start with the right canvas.

Recommended artwork
2560 × 1664 px
Available finishes
Silver, Midnight, Starlight

Artwork dimensions are width × height for the default SynthMock screen layout. They describe the mockup canvas, not the device's physical display specifications.

Useful for

  • Website portfolio covers
  • Productivity app showcases
  • SaaS landing-page visuals

Your scene, your decisions

Find a considered angle.

A gentle side angle reveals the laptop profile while preserving screen width. Use Midnight for contrast against a light background, or Silver and Starlight for a softer presentation.

  • Camera rotation, position and framing
  • Lighting, reflections and backgrounds
  • Adjustable lid: 0°–135°

Create in your browser

From your screen to the scene.

  1. 01

    Open MacBook Air 13-inch

    The create button selects this model in the editor. Choose Silver, Midnight, Starlight to complement your artwork.

  2. 02

    Add your interface

    Upload a sharp screenshot at 2560 × 1664 px for the default canvas. Refine the crop, camera and lighting until the important details read clearly.

  3. 03

    Finish your presentation

    Choose a background and output dimensions. Use a paid plan to export a PNG, JPEG or WebP image, or build an animated sequence in the web editor.

Choose with confidence

Compare MacBook mockup options.

Available models and recommended artwork in SynthMock
ModelArtwork dimensionsFinishes
MacBook Air 13-inch2560 × 1664 pxSilver, Midnight, Starlight
MacBook Neo2408 × 1506 pxSilver, Blush, Citrus, Indigo
MacBook Pro 14-inch3024 × 1964 pxSpace Black, Silver
MacBook Pro 16-inch3456 × 2234 pxSpace Black, Silver
MacBook Pro M3 16-inch (2024)3456 × 2234 pxTitanium, Silver, Matte Black

Good to know

Before you create.

How do I create a MacBook Air 13-inch mockup?

Open the MacBook Air 13-inch model in SynthMock, add your screen artwork and adjust the camera, body finish, lighting and background. A paid plan is required to export the finished image or video and access this Pro model.

What should I upload for MacBook Air 13-inch?

Prepare your desktop interface at 2560 × 1664 px for the default artwork canvas. Capture the app area you want to present, rather than adding browser chrome that your composition does not need.

What image size works best for MacBook Air 13-inch?

Prepare artwork at 2560 × 1664 px, width × height, for the default screen layout. These are recommended dimensions for the SynthMock mockup canvas, not hardware specifications. Check the crop after changing orientation and use a sharp source image so interface text remains readable.

Which MacBook Air 13-inch finishes are available?

This SynthMock model offers Silver, Midnight, Starlight. Choose your finish in the editor, then adjust the lighting to make the device edge distinct from the background.

Can I use this mockup in a product video?

Yes. The SynthMock web editor supports multiple shots and animated camera movement. Start with a clear still composition, then add motion to showcase your interface. A signed-in account with a paid plan is required for image and video exports.

Keep exploring

All device mockups

Make it your own

Your next MacBook Air 13-inch mockup starts here.

Bring your artwork. Shape the scene. Create a visual that makes your product the focus.