InstagramInstagram mockups

Fake Instagram profile & account mockup generator

Build a full Instagram profile page — the avatar with its story ring, posts, followers and following inline beside it, the category and bio, labelled highlights and a three-column grid. Counts are typed as real numbers and abbreviated the way Instagram abbreviates them.

Open the Instagram editorFree · no account · PNG and video

Start from an Instagram 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
InstagramInstagramCreator

A photographer's account

The shape most creator mockups need — story ring on, highlights, a full grid and a link in the bio.

Use this template
InstagramInstagramCreator

The follower milestone

A round number worth screenshotting. Two million followers, verified, and the counts abbreviate the way Instagram does.

Use this template
InstagramInstagramScam awareness

A private account

The padlock, and the grid replaced by the private notice — the state safety talks need and nobody can screenshot for you.

Use this template

How to make an Instagram mockup

  1. Start from an example

    The three above are the ones people make: a photographer's account, a private account for a safety talk, and a two-million-follower milestone.

  2. Set the account

    Photo, username and display name, then the category line and the bio. Line breaks in the bio are kept, so a two-line bio stacks the way it would on the phone.

  3. Type the numbers

    Posts, followers and following, as plain integers. The preview abbreviates them as you type.

  4. Fill the grid

    Add tiles in multiples of three, and give each highlight a cover and a label. Leave the grid empty for the No Posts Yet state.

  5. Export

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

How the Instagram interface is put together

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

The avatar is on the LEFT, with the stats beside it

This one line of layout is what identifies an Instagram profile. The photo sits left and posts, followers and following run inline to its right, in that order, numbers above their words. Every other app either centres the avatar or hangs it under a banner — put a cover photo across the top and you have made a screenshot of something else.

Two names, in two places

The top bar carries the USERNAME in bold, with the padlock before it on a private account and the tick after it. The display name is the small bold line lower down, just above the grey category. People mix these up constantly, and swapping them is the fastest way to make a profile look wrong to somebody who uses the app.

Counts abbreviate the way Instagram abbreviates

You type the real number. 48200 renders as 48.2K, 2000000 as 2M — one decimal, and the decimal disappears when it would be a zero, because no app writes 2.0M. Under a thousand it stays written out, so 412 followers reads as 412 and not as 0.4K.

Highlights always end with the New bubble

Labelled circles with a hairline ring, and a dashed circle with a plus at the end of the row. That trailing bubble is on every real profile, and a highlights row without it reads as a mockup immediately. Each cover takes its own image and its own label.

The grid draws complete rows only

Three columns with a hairline gap. A leftover row of one or two tiles is not drawn, because a real grid never ends ragged — it just ends. Leaving the remainder in produces a half-empty band that looks like a rendering fault rather than an account.

Private replaces the grid and nothing else

Switch on Private and you get the padlock beside the username and the This account is private notice where the photos were. The stats, the bio and the highlights all stay visible, which is what Instagram actually does — and it is the whole reason the private state is worth having in a safety talk.

What people use Instagram mockups for

Questions about Instagram mockups

Do I type 48.2K or 48200?
48200. Type the real number and each app abbreviates it its own way — Instagram writes 48.2K, X writes 48,200 for the same figure. That is also why switching platform re-formats the count instead of asking you to retype it.
Can I make a private account?
Yes. The Private switch in the Account section adds the padlock beside the username and replaces the grid with the private notice. The stats, bio and highlights stay, exactly as they do on the real screen.
How many grid tiles should I add?
Multiples of three. The grid is three columns and only complete rows are drawn, so nine tiles give three rows and ten still give three. Add images from the built-in library or upload your own.
Can I edit text directly in the preview?
Yes — the username, display name, category, bio and link are all editable in the phone itself. Everything else lives in the Account, Stats and Grid sections on the left.
Why is the story ring optional?
Because an account only has one when there is an unwatched story. A permanent gradient ring on every profile is a small detail that gets noticed, so it is a switch rather than a default.
Does the export include the whole page?
Yes. A profile 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, 1× free and up to 3× on Pro.
Can I make a profile for a real person or brand?
No, and our terms prohibit it. Putting invented follower counts or a private-account state on a real account is impersonation. Parody, teaching, fiction and design work are fine — every example on this page uses fictional accounts.
Is there an X version?
Yes, and it is built from X rather than recoloured: a banner across the top with the avatar hanging off it, the Follow button at the top right, a location · link · joined row, and two stats written inline instead of three stacked.

Use these responsibly

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

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

Open the Instagram editor