WhatsAppWhatsApp mockups

Fake WhatsApp profile & contact card generator

Build a WhatsApp contact card — the very large centred photo, the name, the phone number that stands in for a username, the round Audio, Video and Search row, the About status line and grouped setting blocks on a grey page. No counts and no grid, because WhatsApp has neither.

Open the WhatsApp editorFree · no account · PNG and video

Start from a WhatsApp 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
WhatsAppWhatsAppCreator

A contact card

The screen behind a contact's name — big portrait, the phone number as the identity, and the About line.

Use this template
WhatsAppWhatsAppCreator

A verified business

The green seal beside the name, which is the one thing people check before they trust a WhatsApp number.

Use this template
WhatsAppWhatsAppScam awareness

An unknown number

No photo, no About, a number you do not recognise. The state a scam message arrives from, and the one worth teaching people to look at.

Use this template

How to make a WhatsApp mockup

  1. Start from an example

    The three above are the ones people make: a saved contact, an unknown number for a safety talk, and a business account.

  2. Set the photo and the name

    The avatar is large and centred here, so a low-resolution image shows. Upload your own or pick from the built-in library.

  3. Type the number and the About line

    The number is the identity on this screen. About is one short status line, not a paragraph.

  4. Set the shared media count

    It appears beside the Media, links and docs row. Leave it at zero and the row still shows, as it does on the real screen.

  5. Export

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

How the WhatsApp interface is put together

Our WhatsApp 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.

It is a CONTACT CARD, not an account

WhatsApp has no followers, no posts, no grid and nothing to follow. Tapping a contact's name opens a card: a very large centred photo, the name, the phone number, and a short list of labelled rows. Everything a social profile has, this screen does not — and the editor hides those controls rather than showing them and ignoring them.

The phone number IS the identity

There is no username on WhatsApp at all. Under the name sits the number, and that is the only handle the app has. Anyone building this screen from the habit of other profiles reaches for an @ handle and there is nowhere to put one.

About is a status line, not a bio

One short line — At the gym, Available, Busy — printed as its own row under an About heading, not as a paragraph under the name. It wraps to two lines at most. A multi-paragraph bio in that slot is an Instagram habit showing through.

A row of round actions: Audio, Video, Search

Three circular buttons side by side under the number, each with its glyph above a small label. No other profile in this tool has this row, because no other one is a screen you reach from a conversation.

Grouped blocks on a grey page

The rows are gathered into white blocks with the grey page showing through between them, the way iOS settings are grouped — not one continuous sheet. The name and number sit in the first block with the round actions, About is its own block, and Media, links and docs is a third, carrying a count and a chevron.

The label sits ABOVE the value

WhatsApp writes the heading first and the value under it. Telegram does the exact opposite — value first, small grey label underneath. It is a one-line difference that makes a screenshot feel off without anyone being able to say why, so the two skins are built separately rather than recoloured from each other.

What people use WhatsApp mockups for

Questions about WhatsApp mockups

Why are there no follower counts?
Because WhatsApp has none. It is a contact card rather than an account page — no followers, no posts, no likes, nothing to follow. Those controls are hidden on WhatsApp instead of being offered and quietly doing nothing.
Where do I put the username?
There is not one. WhatsApp identifies people by phone number, and the number is the field under the name. If you need an @ handle, you are thinking of Telegram, which has both.
What is the difference between About and a bio?
About is one short status line shown as its own labelled row. It is the same field the tool calls About everywhere it appears, and it is deliberately a single-line input rather than a paragraph box, because that is all WhatsApp shows.
Can I change the media count?
Yes. Shared media is in the Stats section and sets the number beside the Media, links and docs row.
Can I make a card for a real person's number?
No, and our terms prohibit it. A contact card carrying a real number and a real photo is impersonation, and it is exactly the artefact used in the scams this screen is often used to teach about. Parody, teaching, fiction and design work are fine — every example on this page is fictional.
Is there a WhatsApp chat generator too?
Yes, and it is a separate page because it is a separate screen. This one is the contact card; the chat generator draws the conversation, with bubbles, ticks and the wallpaper.
Does the export include the whole card?
Yes. The card is taller than one screen, and the PNG export releases the full height rather than cropping at the phone's bottom edge. Device frame optional, 1x free and up to 3x on Pro.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to WhatsApp 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 WhatsApp mockup now

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

Open the WhatsApp editor