iPhone Lock Screen Generator

Build an iOS lock screen around your own wallpaper — the big clock, the date line, a notification stack you control, and the flashlight and camera buttons. Export at true iPhone resolution.

What this is for

The lock screen is the phone surface people see most, which makes it a constant subject in design work: a wallpaper designer showing their art in place, an app marketer mocking up a push notification, a tutorial explaining a setting, a social post that opens on a phone screen. Rebuilding that layout by hand means eyeballing the clock weight, the notification material, and the spacing — and it never quite reads right.

This does the layout for you. Drop in the wallpaper, type the notifications you want, and export a screen that matches what the phone actually shows.

The details that sell it

Notifications roll up from the bottom. Since iOS 16 that's where they live — mockups that stack them under the clock date themselves instantly.
No time in the status bar. On the lock screen the clock is the big numerals; the top corners carry only signal and battery. Getting this wrong is the most common tell.
Known apps get their real colors. Type "Messages" and the icon goes green; Calendar goes red; Slack goes aubergine. Unrecognized names get a stable color of their own.
A push notification in context. For app marketing, showing your notification on a believable lock screen is the whole point — set the app name, title, copy, and timestamp, and the rest of the screen sells it.

Questions

Can I use my own photo as the wallpaper?

Yes — drop any image in and it fills the screen edge to edge, exactly like a wallpaper. There are also four built-in gradients if you just need something that looks good behind the clock.

Can I edit the notifications?

Fully. Up to three notifications, each with its own app name, title, message, and timestamp — and you can remove them all for a clean lock screen. App icons take their color from the app name, with the recognizable ones (Messages, Calendar, Mail, Slack, Instagram) getting their real brand color.

Why do the notifications sit at the bottom?

Because that's where iOS puts them. Since iOS 16, lock screen notifications roll up from the bottom of the screen rather than stacking under the clock — a detail most mockups get wrong.

What resolution does it export?

The exact resolution the phone you pick writes for a screenshot — 1179 × 2556 on an iPhone 15 or 16, up to 1320 × 2868 on a 16 Pro Max.

Does my wallpaper photo get uploaded?

No. The tool runs entirely in your browser — your photo is read locally, rendered locally, and gone when you close the tab.

What would make this tool better? A device that's missing, a detail that looks wrong, an option you went looking for and didn't find — all of it is useful. Send a note.

More in Phone & App Mockups

See the collection