Mockaps Mockaps

Notification
Mockup Generator.

A little nudge. A message worth opening.
Make your next notification look the part.

← App mockupsExplore examples ↓
Notification platform
Appearance
Presentation
Canvas format
Your next notificationMessagesnowYour next notificationEdit the text, make it yours anddownload a free PNG.
Click a notification’s text to edit it directly.
MOCKAPS PRO

Take your notifications
into motion.

Your preview is free. Pro lets you download the finished MP4 for your stories, campaigns and presentations.

Get Pro
492 × 231 px

Every size is free. No watermark.

Keep an editable copy on your device. How it works

Pick up where
you left off.

Open a saved project, or paste one prepared by an AI assistant. It stays in your browser.

A FEW WAYS TO MAKE IT YOURS

Notification mockup examples.
A little inspiration to start.

A delivery worth waiting for. A reminder to slow down. A little news from your favorite shop. Choose a starting point and make every word your own.

Light iOS reminder notification saying You are allowed to take your time on a soft lilac square background

iOS · Light · Square

The notification you needed today

A gentle reminder with a little room to breathe. Replace the words for a quote, a campaign or a note to your audience.

Android shopping notification saying Your good-mail day is nearly here with Track parcel and View order actions on a sage background

Android · Light · Wide

Something good is on its way

A delivery update with two action labels. Try your own app name, order update and next step.

iPhone-inspired lock screen showing a coffee calendar reminder and a message from Maya over a soft ocean blue wallpaper

iOS · Lock screen · Story

A day worth looking forward to

Two notifications turn a lock screen into a small story. Edit the plan, the reply and the time together.

Dark Android lock screen with an evening wellness notification saying There is nothing to catch up on and a Begin action

Android · Dark · Lock screen

Make a little space for yourself

A calm evening update in dark mode. Change the wallpaper colors and write a notification that earns its place.

Dark iOS Messages notification saying Your next chapter does not need everyone’s permission on a warm peach portrait canvas

iOS · Dark · Portrait

A good message, after hours

A simple message card for an announcement, quote or personal milestone. Keep the sender and the words completely editable.

Android image notification for Field and Form featuring ceramics, a weekend collection announcement and an Explore collection action

Android · Image · Square

Give a new collection its moment

An expanded image notification for a collection or launch. Swap the photo, edit the headline and try a different action label.

Made with this tool. Every example includes editable notifications, styling and canvas settings.

A FRESH STARTING POINT

Make this one
your own.

Load “” into the editor? This replaces your current local draft. You can restore the previous draft from this section until you reload the page.

A SMALL MESSAGE, WELL TIMED

Give your words
a familiar place.

01

Choose the setting.

Start with an iOS or Android card. Show a single message or a whole lock screen, in light or dark mode.

02

Make every detail yours.

Write the notification, upload an app icon and set the time. Add an image or a second notification to tell a bigger story.

03

Save it for the next scroll.

Download a free PNG for a social post, campaign or presentation. Save a project to return to the same version later.

A FEW USEFUL DETAILS

Before you
make it yours.

How do I make a notification mockup?

Choose iOS or Android, then edit the app name, title, message and timestamp. Click the text in the preview or use the sidebar. Pick your background and canvas size, then download a free PNG.

Is this notification generator free?

Yes. All current editing features and PNG or JPG downloads at 1×, 2× and 3× are free. No account, subscription or watermark. The download controls show the exact pixel dimensions for your design. Very large designs may need a smaller size to fit your browser’s image limits.

Can I animate notifications appearing?

Yes. Enable Animation to watch iOS or Android notifications arrive with a slide, soft pop, fade or instant reveal. Preview for free, adjust the pauses and reading time, and choose whether new notifications stack above or below the previous ones. Cards and lock screens both work.

Can I download animated notifications as a video?

An active Pro plan includes silent MP4 exports at 30 fps, in 720p or 1080p. Choose portrait 9:16, square 1:1 or wide 16:9. Video uses your background; transparent PNG and JPG still images remain free.

Can I make an iPhone notification or lock-screen mockup?

Yes. Choose iOS for a rounded notification card with an app icon, title and message. Switch to Lock screen to include a clock, date and wallpaper. You can edit the time, hide the status bar and move the notifications higher or lower.

Can I preview Android push notifications?

Yes. Android includes an app header, message and optional actions. Add a small thumbnail or an expanded image, then customize both action labels. These are platform-inspired previews; exact notification layouts vary by device and operating-system version.

Can I add several notifications?

Add up to five. Each has its own app name, icon, text and time label. Duplicate, reorder or remove notifications in the sidebar. Use Show full message for longer text, or switch it off for a compact two-line preview.

Can I download a transparent notification PNG?

Yes. Choose Cards, open Background & export and enable Transparent canvas. Your PNG keeps the notification cards and removes the canvas behind them. Place it over a photo, video or presentation. JPG does not support transparency.

Can I use my own app icon, photo or wallpaper?

Upload a PNG, JPG or WebP in App icon & image for the selected notification. Upload a wallpaper in Background & export. Images are resized in your browser, and saved projects include the images you add.

What can I use notification images for?

Preview push-notification copy, show a product concept, create a social media announcement or share a quote as a reminder. Marketers can compare message ideas before a campaign. Designers can show how a notification fits a phone screen.

What sizes can I export?

Use Fit to content, Square at 1080 × 1080, Portrait at 1080 × 1350, Story at 1080 × 1920 or Wide at 1920 × 1080. The presets adapt the card width and text size too. Free 2× and 3× downloads give you more pixels.

Does this send real push notifications?

No. It creates a notification mockup image on your device. It does not send messages, request notification permissions or connect to a push-notification service.

Can I save a project or use content from an AI assistant?

Yes. Save project downloads an editable file with your settings, text and uploaded images. Open project restores it in the same tool, or lets you paste project JSON from an assistant. Review it before replacing your draft. Files are processed in your browser, not uploaded to your account.

Can I use the downloaded images commercially?

Yes. Images exported from these social and app mockup tools can be used in personal projects, social posts, presentations and client work without a Mockaps subscription or attribution. You still need permission for content you add. Platform names and logos belong to their owners; a mockup does not imply their endorsement.

An independent mockup tool by Mockaps. iOS and Android belong to their respective owners. This tool is not affiliated with or endorsed by Apple or Google.