Pro

iPhone notification mockup
with your app icon

Show the push notification your app sends: your icon, title and text on the Lock Screen over any wallpaper, or as a banner at the top of your app screen. Stack several, reorder them, download the PNG or put it straight into a phone mockup.

Not on Pro? The Instagram post mockup is free with an account.Try it free →

How it works

  1. 1

    Pick the screen

    Choose the phone or desktop version, in light or dark mode.

  2. 2

    Add your photos and text

    Fill in the name, caption, numbers and photos. The preview updates as you type.

  3. 3

    Download or put it on a device

    Download the screen as a PNG, or place it in an iPhone or MacBook mockup from the catalog.

Show it on a real device. The same layouts are available inside every phone and laptop mockup: upload step, then “Layout”.

iPhone mockupsMacBook mockups

Questions

Is the iPhone notification mockup free?

It is part of Pro. You can open it and see the preview for free; editing and downloading come with Pro.

Can I use my own app icon and wallpaper?

Yes. Each notification takes its own icon, title, optional second line, text and time, and the Lock Screen uses your photo as the wallpaper (or a soft gradient if you leave it empty).

What is the difference between the Lock Screen and the banner?

The Lock Screen shows several notifications under the clock. The banner shows one notification at the top of an app: upload a screenshot of the app and the banner sits over it.

Other layouts