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
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
Write the post
Set the username, caption, likes and verified tick. The card lays them out like a real feed post.
- 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
Content planning
Preview a post and its caption before publishing, and lay out a feed as a grid of squares.
Design comps
Place a believable post in a layout to show how a campaign moment looks in context.
Brand decks
Show a planned post as a clean card on a branded backdrop in a presentation.
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.

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 moreRead less
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.
Further reading
Independent references if you want to go deeper on the formats and tradeoffs.
Related tools
- Tweet mockup
Build a tweet card with text, theme and an attached image.
- Split image
Cut a photo into an Instagram grid of tiles.
- Circle crop
Make a round profile picture for the header.
- Device mockup generator
Frame a screenshot in a phone, tablet, laptop or browser.
- Add text to image
Drop a styled caption or label onto a photo.
- Compress to size
Shrink the finished card to a KB target.