Skip to content
ImgKiloImgKiloOpen tools

Instagram Mockup

Instagram mockup generator

Type a username and caption, drop your photo as the square post, set the likes and the verified tick, and a clean Instagram post card is drawn with the header, action row and caption. Put it on a backdrop and download as PNG or JPG, all in your browser, with nothing uploaded.

  • Files never leave your device
  • Runs in your browser
  • Free, no signup

How it works

  1. 1

    Drop your photo

    Add the post image as JPG, PNG, WebP or AVIF. It fills the square slot, framed on a canvas with no upload.

  2. 2

    Write the post

    Set the username, caption, likes and verified tick. The card lays them out like a real feed post.

  3. 3

    Backdrop and save

    Choose a backdrop and aspect, then download the card as PNG or JPG.

What this Instagram mockup gives you

Real square post layout

A header, square image, vector action icons, likes and a captioned footer, drawn on a canvas and free to use.

Username, caption and likes

Set the username and verified tick, write the caption that wraps below the icons, and slide the likes count.

Drawn locally, never uploaded

The card and your photo are composited in your browser, so your images and text never touch a server.

Where this helps

Social

Content planning

Preview a post and its caption before publishing, and lay out a feed as a grid of squares.

Design

Design comps

Place a believable post in a layout to show how a campaign moment looks in context.

Work

Brand decks

Show a planned post as a clean card on a branded backdrop in a presentation.

Marketing

Caption sign-off

Agree the wording and first line of a caption before anyone hits publish.

Tips that help

  • 1

    Shoot or crop square

    A 1 by 1 photo fills the slot exactly; a portrait or landscape is centre-cropped, so keep the subject central.

  • 2

    Mind the first line

    Write the caption in full to see whether the line that shows before the more link does its job.

  • 3

    Use a sharp photo

    The square carries the post, so a high-resolution image keeps it crisp once scaled in.

  • 4

    Plan as a grid

    Mock up each post the same way so you can judge how the squares sit together in a feed.

Instagram mockups: planning a post before you publish

Seeing a photo inside a post card, with the username, caption and action row in place, tells you far more than the photo alone. Content planners use it to preview a feed, designers use it in comps, and brands use it to agree a caption before posting. This guide covers composing the card and using it well.

Compose the square

The image slot is square, so a photo shot or cropped to 1 by 1 fills it perfectly. A portrait or landscape photo is centre-cropped to the square, so keep your subject near the middle so the crop does not cut it off.

Instagram mockup generator

Use a sharp, well-lit photo, since the square sits at the centre of the card and carries the post. A high-resolution image stays crisp once it is scaled into the slot.

If you plan a feed, mock up each post the same way so you can judge how the squares sit together as a grid.

Write the header and caption

Put the username in the handle field; it appears both in the header and in bold before the caption, just as it does in a real post. The verified tick is there if the account would carry one.

Write the caption as you would publish it. The card wraps it below the action row, so you can see whether the first line, the part that shows before the more link, does its job.

Set a believable likes count so the comp reads true, and the card is ready to drop into a plan or a slide.

Finish and use it honestly

The card floats on the studio backdrop, so a soft gradient or brand colour turns it into a finished tile for a content calendar or a deck.

Match the canvas aspect to where it lands, a square for a tile or a wider ratio for a presentation, then export as PNG for crisp edges or JPG for a smaller file.

Read more

Keep it to previews, planning and concepts. A mockup can look real, so never present an invented post as a genuine one, and use real, approved content before anything goes public.

Frequently asked questions

Honest answers to what people ask before using this tool.

Type a username and caption, drop the photo you want as the post, set a likes count and the verified tick, and a clean Instagram post card is drawn with a header, square image, the action row and the caption. Download as PNG or JPG. It all runs in your browser, so nothing is uploaded.

Yes. The image slot is a square, matching a classic in-feed post, and your photo is scaled to cover it and centre-cropped so it fills the square without stretching. Drop a portrait or landscape photo and the studio trims it to the square cleanly.

Yes. The username sits in the header and again in bold before the caption, the caption wraps below the action icons, the likes slider sets the count shown above the caption, and the verified toggle adds the tick next to the username.

Yes. The action row under the image draws the outline heart, comment and share icons as clean vector shapes, not emoji, so the card reads as a real feed post rather than a rough sketch.

It is built for design comps, content planning and presentations, letting you preview how a post will look before it is published. As with any mockup, do not present a fabricated post as a genuine one; use it honestly for previews and concepts.

No. The card and your photo are drawn entirely in your browser on a canvas. Nothing is sent to a server, which you can confirm in the Network panel, so your images and text stay on your device.

Further reading

Independent references if you want to go deeper on the formats and tradeoffs.