Live previewA practical iOS notification mockup guide
Build an iPhone lock screen that tells your story.
Combine your own wallpaper with editable app notifications, a custom clock, and device details for storyboards, product demos, and social content.
Edit and arrange notifications
Open a notification in the Notifications tab to edit its title or sender, message, and time label. The example includes Messages, X, and Stripe notifications. Choose from Messages, X, Stripe, WhatsApp, Instagram, Gmail, or a custom app, and optionally upload your own square icon. Changing the app icon leaves your title and message intact. Selecting a preset replaces an uploaded icon.
Use Add to create a notification and the up and down arrows to reorder the stack. The first item in the editor appears at the top of the stack. You can add up to eight notifications or remove all of them for a clean wallpaper and clock image.
Each notification supports a title up to 100 characters, a message up to 500 characters, and a time label up to 24 characters. Messages preserve line breaks and wrap automatically. Titles also wrap; time labels are shortened visually when they are too wide. All labels are editable text, so “now” and “2m ago” do not count down automatically.
Choose Dark cards for the translucent dark panels in the example or Light cards for brighter wallpaper. Card opacity adjusts the overlay while the wallpaper behind each card is blurred. A higher opacity improves text contrast on busy images.
Replace and frame the wallpaper
Go to the Wallpaper tab. Choose Twilight, Ocean, Sunset, or Aurora, or select Upload wallpaper to use your own image. Uploads accept PNG, JPG, WebP, and GIF files up to 20 MB. Images are processed locally and resized to a maximum edge of 1,800 pixels; animated GIFs become a still image. Custom notification icons are resized to a maximum edge of 400 pixels.
The image fills the lock screen without stretching. Use Zoom, Horizontal position, and Vertical position to choose which part remains visible. Position sliders move the available crop; if the image fits exactly along an axis, increase zoom to make more movement possible. Reset framing returns to a centered crop at 100% zoom.
Switching to a gradient keeps your uploaded wallpaper available through Use uploaded wallpaper. Remove image deletes the uploaded wallpaper from the current draft and restores Twilight if that image was active. Darken wallpaper adjusts brightness for both presets and uploaded images without changing the notification text.
Portrait images close to a 390:760 ratio work best for the default layout. Longer notification stacks can increase the canvas height, so check the crop again after adding a lot of text.
Customize the lock screen
The Lock screen tab controls the date, large clock, text color, carrier, battery, and signal. Choose white or dark text to suit the wallpaper. The date and time are display labels, not a running device clock. Longer clock and date labels shrink to stay within the image.
Set battery from 0 to 100% and signal from zero to four bars. You can independently hide the date and time, status bar, Wi-Fi, flashlight and camera shortcuts, or home indicator. Carrier text is shortened if necessary to avoid overlapping the status icons.
The cube button tilts the live preview into a 3D angle. The download remains flat. Lock-screen shortcuts are visual elements in the image; they do not activate a camera or flashlight.
Download your notification image
Click Download PNG to open the export panel. The settings appear on the left and the finished image on the right on desktop. Choose a resolution:
| Setting | Default image size |
|---|---|
| Standard · 2× | 780 × 1,520 pixels |
| High · 3× | 1,170 × 2,280 pixels |
| Ultra · 4× | 1,560 × 3,040 pixels |
The design starts at 390 × 760 pixels. Longer notifications expand the height to keep the entire stack below the clock and above the shortcuts. The export panel shows the actual dimensions. For extremely long stacks, shorten the text or lower the resolution if the browser reports an image-size limit.
The PNG contains the wallpaper, complete notification stack, and every enabled device element. It excludes the editor, website branding, and watermarks. Preview and export use the same rendering code and Inter font, independently of the site's interface font.
Copy image copies a PNG at the selected resolution when your browser supports image clipboard access over a secure connection. Download the PNG if clipboard access is unavailable. A higher export resolution sharpens text and vector icons; it cannot restore detail missing from a small uploaded image.
Save your draft
Auto-save stores the notification list, uploaded icons and wallpaper, framing, clock and device settings, appearance, and export resolution in this browser. Save draft saves manually. Turning Auto-save off stops automatic writes but does not remove an existing saved draft.
Reset restores the example. Undo reset brings back the previous draft during the current visit. Large wallpapers and multiple icons can exceed browser storage limits. If saving fails, the editor reports that the draft remains in memory; you can still export the image before leaving the page.
The tool processes your images and text locally and does not send push notifications or access your phone. Drafts do not sync across devices. Clear this site's browser storage to delete saved content. See the privacy policy for hosting and analytics details.
Common questions
Can I use my own lock-screen wallpaper?
Yes. Upload your image in the Wallpaper tab, then adjust its zoom, crop position, and brightness while watching the preview.
Can I create a fake iPhone notification screenshot for free?
Yes. The generator is free to use without an account and exports a PNG without a watermark. Use it for fictional scenes, presentations, and design concepts.
Can I show a notification from my own app?
Yes. Upload an app icon and enter any title, message, and time label. A custom icon overrides the selected preset until you remove it or select another preset.
Why did the lock screen get taller?
The canvas expands when necessary to show all notification text without covering the clock or shortcuts. Use fewer or shorter notifications to keep the default proportions.
Does this change my real iPhone lock screen?
No. This tool creates a static image. It does not install a profile, change device settings, connect to an app account, or send notifications.
How should I share a notification mockup?
Use fictional details or get permission for personal information and images. Label the image as a mockup when the context could otherwise be misleading. Follow the responsible use policy. Fake Generator is independent of Apple and the apps shown in the previews.
For a full conversation, try the Text Message Generator or WhatsApp Chat Generator. For email mockups, use the Apple Mail Generator or Fake Gmail Generator.