Free iPhone Lock Screen and Push Notification Mockup Generator
Create realistic iOS 27 Push Notifications with Liquid Glass, then download a high-resolution PNG for App Store screenshots, launch posts, and landing pages.
100% free. No sign-up, no watermark, and your images never leave your browser.
Notifications
Add a chat avatar to show a message from a person. The app icon then moves to the corner of the avatar.
Add a chat avatar to show a message from a person. The app icon then moves to the corner of the avatar.
Clock
Status Bar
Wallpaper
iPhone Frame
1206 x 2622
How to make a Push Notification mockup
- Step 1
Write your Push Notifications
Add up to three notifications. Set the title, the message, and the received time. Pick an app icon and a chat avatar, or upload your own.
- Step 2
Style the Lock Screen
Pick a Liquid Glass or solid clock. Choose a carrier and a battery level. Upload a wallpaper or use a preset.
- Step 3
Download the PNG
Select Download PNG to save a 1206 x 2622 image. Turn on Include iPhone frame to get the screen inside an iPhone, on a transparent background. Select Copy to paste the image into a design tool or a chat.
Where to use your Lock Screen mockups
A Lock Screen is where people first see what your app or product does for them. Show that moment anywhere you tell the story.
App Store screenshots
Show the exact Push Notification your app sends, on a clean Lock Screen at full resolution.
Launch posts
Explain what your product does in one image on X, LinkedIn, Reddit, or Product Hunt.
Landing pages
Put a sharp Lock Screen in your hero or feature section instead of a blurry photo of a phone.
Pitch decks and demos
Walk through a mobile alert flow before the app or the backend is ready.
Docs and tutorials
Show readers what the notification looks like when a setup step works.
Copy reviews
Check the length and tone of notification copy on a real-size Lock Screen before you ship it.
What is an iPhone notification mockup?
An iPhone notification mockup is an image of a real-looking iPhone Lock Screen with your own Push Notifications on it. Designers, developers, and marketers use these mockups in app listings, launch posts, and product pages instead of taking a screenshot on a device. You edit the text and icons right here and download the finished image.
This iOS notification mockup generator recreates the iOS 27 Lock Screen at the iPhone 18 Pro resolution: Liquid Glass Push Notifications, the Liquid Glass clock, the status bar, and the flashlight and camera buttons. Download the screen on its own, or as an iPhone frame PNG with a transparent background. Everything renders in your browser, so your wallpaper and icons stay on your device.
Frequently asked questions
Is this iPhone Lock Screen mockup generator free?
Yes. The tool is free, and you do not need an account. Exported images have no watermark.
Are my wallpaper and icons uploaded to a server?
No. The tool runs in your browser. Your wallpaper, icons, and text stay on your device.
What size is the exported image?
Each export is a 1206 x 2622 PNG, the full screen resolution of iPhone 18 Pro. With Include iPhone frame turned on, the PNG is 1353 x 2767 and shows the screen inside an iPhone on a transparent background.
Can I make an iOS 26 Lock Screen mockup?
Yes. iOS 26 introduced the Liquid Glass design, and iOS 27 continues it on the Lock Screen. Use the same mockup for both versions.
Can I use this as an iPhone notification template?
Yes. Start from the sample Push Notifications, then change the text, the time, and the icons. Your edits are saved in this browser, so you can come back and reuse them.
Can I use my own app icon or chat avatar?
Yes. Pick an app icon for each notification or upload your own. To show a message from a person, add a chat avatar. The app icon then shows in the corner of the avatar, as it does on iOS.
Does the mockup use iOS 27 Liquid Glass?
Yes. The notifications, the flashlight and camera buttons, and the optional glass clock refract and blur the wallpaper behind them, with light along their edges.
How many notifications can I add?
You can add up to three Push Notifications. Three notifications keep the Lock Screen readable in a single image.
How do I get real Push Notifications on my iPhone?
Use ActivitySmith. Connect an AI agent such as Claude Code, Codex, or Cursor to the ActivitySmith MCP server, or send a Push Notification from your scripts or backend with one API call. Each Push Notification shows on your iPhone Lock Screen.
Your agents and apps, buzzing your iPhone.
ActivitySmith sends real Push Notifications and Live Activities from your AI agents, scripts, and apps. Know the moment a run needs your approval, a deploy fails, or a sale comes in.
No credit card required. Works with any backend, script, or MCP client.
