Mockly

Outlook email mockup generator

Make a realistic Outlook screenshot in seconds.

Mockly's Outlook email generator creates mobile Outlook mockups with a sender row, recipient summary, linkified body, quoted older messages, a reaction bubble, the Reply All action bar, dark mode, device frames, and PNG export.

How to make an Outlook email mockup

  1. 1

    Build the email

    Set the sender, recipients, 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 Outlook email generator

  • Real Outlook header

    An app bar with a back chevron, a subject bar, and a sender row with avatar, name, a To recipient, +N summary, a dd MMM date, and the more menu.

  • Linkified body and quoted chain

    Body paragraphs render double-spaced with clickable links. Older messages stack below in a quoted chain with a left border and a Name · date label.

  • Reactions, action bar, and bottom nav

    A reaction bubble sits on the message, a floating Reply All bar holds mail, trash, calendar, and more actions, and the bottom nav shows Email, Calendar, and Apps.

  • 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.