AppleiPhone mockups

Fake iPhone call & incoming call screen generator

Build the screen an iPhone shows when it rings — the caller's name in Apple's thin type between two small grey lines, Remind Me and Message above Decline and Accept, and a contact photo filling everything behind it.

Open the iPhone editorFree · no account · PNG and video

Start from an iPhone example

Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.

All examples
AppleiPhoneFiction & humour

Dad is calling

The iPhone ringing screen with a contact photo behind it. Remind Me and Message above Decline and Accept, exactly where iPhone puts them.

Use this template
AppleiPhoneScam awareness

A number you do not know

No contact, no photo — so iPhone drops the label, shows the number in full and puts the caller's town underneath on its dark wash.

Use this template
AppleiPhoneScam awareness

Flagged before you answer

What a caller-ID app writes on the ringing screen. Built for a slide that shows people the warning is there and worth reading.

Use this template

How to make an iPhone mockup

  1. Start from an example

    The examples above cover what people make: a saved contact with a photo, an unknown number, and a call a spam filter has flagged.

  2. Name the caller

    A name for somebody in your contacts, or the number itself for somebody who is not. This is the big line.

  3. Set the two grey lines

    The label above — mobile, work, iPhone — and the note below, which is the caller's location or whatever a caller-ID app has to say. Either can be left empty.

  4. Add a photo, or do not

    A picture fills the screen behind the text. No picture gives you the dark background an unknown caller gets.

  5. Export

    PNG at 1x free, up to 3x on Pro, device frame optional, and onto a sized canvas if it is going into a video.

How the iPhone interface is put together

Our iPhone skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.

This is the RINGING screen, not a call in progress

Every other call generator here draws a call somebody has already answered. This one draws the moment before. That difference is not a style choice — it is the only state of an iPhone call that any vendor publishes a picture of, and it is the state people are usually trying to show.

The name is large and THIN

Apple sets the caller at around 40pt in a regular weight, not a bold one. A heavy name is the fastest way to make an iPhone call screen read as an Android one, and it is the detail most mockups get wrong because bold looks more like a heading.

Three stacked lines, and the outer two are grey

A small label above — mobile, iPhone, work — and a small note below, which iPhone fills with the caller's town when the number is not in your contacts. Both are optional here: clear the label and the line disappears rather than leaving a gap, exactly as it does on the phone.

Remind Me on the left, Message on the right

Two small glyphs with their words underneath, sitting directly above the two round buttons in the same columns. They are furniture rather than settings — you cannot rename them, because iPhone does not.

Decline is the HUNG-UP handset, Accept is the upright one

The same handset, rotated. Red on the left, green on the right, both labelled. This pair is where the whole roster gets its end-call button: WhatsApp, Messenger, Signal and Telegram all reuse Apple's hung-up handset to mean end.

A photo fills the screen; without one you get the dark wash

Give the caller a picture and it runs full-bleed behind the text with just enough scrim to keep the type legible. Leave it empty and you get iPhone's near-black background with its faint warm cast, which is what an unknown number actually looks like.

What people use iPhone mockups for

Questions about iPhone mockups

Why is this the incoming call rather than a call in progress?
Because that is what there is a reference for. Apple does not publish a screenshot of either screen, but caller-ID and second-number apps screenshot their own product sitting on top of the ringing screen, and five separate vendors show the same layout. The in-call screen with its six-button grid has no equally solid reference, so it is not drawn.
Can I do the locked version, the one you swipe to answer?
Not yet. Apple's own guide is explicit that a locked iPhone answers with a slider rather than two buttons, so it is a genuinely different screen — and nobody publishes a picture of it, because a caller-ID app has nothing to show there. It ships when a reference does.
How do I make it look like an unknown number?
Put the number itself in the name field, clear the line above it, and write the caller's town in the line below. Leave the photo empty. That combination is what your phone shows for a number it has never seen, and it is the second example on this page.
Can I show a call flagged as spam?
Yes — write the warning in the line below the name, which is where a caller-ID app puts it. There is an example above. It is worth saying that a screen like this is for teaching people to recognise the warning, not for pretending a real number is a scam.
Why can I not set a duration or mute myself?
Because nobody has answered yet. A timer and a mute button belong to a call in progress, and drawing controls that could not do anything would be the same mistake as inventing the screen in the first place. The four messenger call generators have all of that.
Can I make it look like a real person is calling?
No, and our terms prohibit it. Putting an invented call from a named real person on a screen is impersonation. Parody, teaching, fiction and design work are fine — every example here uses invented people and numbers from the reserved 555 range.
Can I switch it to Android?
No, and the switch is hidden rather than ignored. This is Apple's screen; Android phones draw their own, and every manufacturer draws it differently. Putting this layout on an Android bezel would be wrong in a way that is obvious to anyone holding one.
Can I export it at 9:16?
Yes. The download dialog places the mockup on a 9:16, 4:5, 1:1 or 16:9 canvas with a background and margin, and PNG exports at 1x free, or up to 3x on Pro.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to iPhone and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.

Related generators

Browse all 36 apps

Build your iPhone mockup now

Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.

Open the iPhone editor