Mockly

Apple Mail email mockup generator

Make a realistic Apple Mail screenshot in seconds.

Mockly's Apple Mail email generator creates iOS mail mockups with a sender avatar, subject heading, linkified body, quoted older messages, floating glass controls, dark mode, device frames, and PNG export.

How to make an Apple Mail email mockup

  1. 1

    Build the email

    Set the sender, recipient address, subject, message body, and date.

  2. 2

    Add thread and theme details

    Add older messages to the quoted chain, switch dark mode, and turn on the device frame and status bar when needed.

  3. 3

    Export

    Hit Export to create a PNG mockup.

What you can do with the Apple Mail email generator

  • Floating glass controls

    Translucent iOS 18 pills float over the message: a back chevron with the thread count and up/down arrows on top, archive, folder, reply, and compose along the bottom.

  • Real Apple Mail header

    The sender strip shows a colored initials avatar, the sender name in bold, a dd/mm/yyyy date, and a To line with the recipient address. The subject renders as a large bold heading above the body.

  • Linkified body and quoted chain

    Links in the body turn clickable, **bold** text renders bold, and older messages stack below in a quoted chain with a left border.

  • Dark mode, status bar, and device frame

    Switch dark mode, show the device status bar, and wrap the mockup in a device frame before you export a PNG.