Instagram Post Generator

Build a realistic Instagram feed post without posting anything. Fill in the username, drop in a photo, write the caption and set the counts — the generator draws the whole card as an SVG: the profile row with its story ring and verified badge, the photo cropped to a real feed ratio, the like/comment/share/save row, the like count, the caption with tinted hashtags and mentions, the comment line and the timestamp.

The photos you upload are read in your browser and embedded straight into the SVG, so nothing is uploaded anywhere. No account, no watermark, no export limit.

How to use it

1. Enter the username, optionally tick Verified account, and add a location.
2. Upload a profile photo and a post photo — both are optional; initials and a neutral panel stand in.
3. Write the caption. @mentions and #hashtags are tinted automatically, and a long caption is truncated with "… more" the way the app does it.
4. Pick the ratio, set the counts, and download the SVG.

Settings

• Photo ratio — square (1:1), portrait (4:5) or landscape (1.91:1), the three shapes Instagram actually accepts. Your photo is centre-cropped to fill it.
• Appearance — light or dark mode.
• Likes / Comments — plain numbers; they're grouped with commas in the card.
• Timestamp — free text, shown uppercase at the bottom ("2 HOURS AGO", "MARCH 14").
• Already liked / Already saved — the red heart and filled bookmark states.
• Story ring — the orange-to-purple gradient ring around the profile photo.

Why is the output an SVG and not a PNG?

An SVG stays sharp at any size, so the same file works in a 400px blog image and on a projector. Every browser opens it, and design tools (Figma, Illustrator, Canva) import it as editable shapes if you want to tweak the card afterwards. To get a PNG, open the SVG and export it — or screenshot the preview.

Why doesn't it look pixel-identical to Instagram?

The card is drawn with a system sans stack, because a self-contained SVG can't pull in a webfont. Text widths are estimated rather than measured, so a caption may wrap a word earlier or later than the real app would. Everything else — spacing, colours, icons, ratios — follows the app.

A note on fair use

This is a mockup tool for design comps, tutorials, slide decks, memes and parody. Don't pass a generated card off as a real post, use it to impersonate a person or brand, or spread it as evidence of something that didn't happen.

Related tools

For a direct-message screen instead of a feed post, use the Instagram DM Generator. For the other big social network, the Fake Tweet Generator builds a tweet card the same way. Need the photo resized or cropped first? Try the Image Resizer.