--- title: "Instagram Story Mockup" description: "Make a 9:16 story mockup: progress bars, avatar ring, text overlays, reply bar, over a photo or gradient. Every PNG carries a FindUtils.com watermark." url: https://findutils.com/mockups/instagram-story-mockup/ category: mockups --- # Instagram Story Mockup Make a 9:16 story mockup: progress bars, avatar ring, text overlays, reply bar, over a photo or gradient. Every PNG carries a FindUtils.com watermark. **Use this tool:** [Instagram Story Mockup](https://findutils.com/mockups/instagram-story-mockup/) ## Programmatic access - Browser-only: this tool works on a file, the DOM, or a browser API and has no REST or MCP id. ## Why use our Instagram Story Mockup? Show what a story will look like before it is posted, without opening the app or touching a live account. Set the username, profile picture, verified badge and time, put up to three captions over a photo or a gradient, choose how many story segments the progress bar shows, and download a PNG for a pitch deck, a content calendar or a lesson. ## Frequently Asked Questions ### Is this tool affiliated with Instagram? No. FindUtils is not affiliated with or endorsed by Instagram or its owner; Instagram is a trademark of its owner. The mockup draws no logo, wordmark or app artwork: the verified badge is a plain blue circle with a check, and the icons are generic shapes. ### Can I remove the watermark? No. Every PNG carries a FindUtils.com watermark and there is no setting to turn it off. A screenshot that looks like a real story should say that it is not one, so the mark cannot be removed. ### Are my photos uploaded anywhere? No. The profile picture and the background photo are read in your browser and the PNG is made on your device. Nothing is sent to a server. ### What does this tool not do? It makes one still PNG. It does not make Reels or video, and it has no stickers, polls, questions, music, links, mentions, GIFs or drawing tools. It does not post anything and it does not connect to any account. ### How do I make a feed post mockup instead of a story? Feed posts are made with the [Instagram Post Generator](https://findutils.com/mockups/instagram-post-generator/), which draws a square post with the caption, likes and comments under it. This tool only makes the vertical 9:16 story. ### What size is the downloaded image? The PNG is 9:16 and saved at twice the preview's size. On a desktop screen the preview is 360 pixels wide, so the image is 720 × 1280 pixels; on a narrower phone screen it is smaller. It is not the 1080 × 1920 size a story is uploaded at. ### What do the segments and the Close friends ring do? Segments set how many bars the progress line at the top has, from 1 to 5, and Active segment picks the one that is playing: bars before it draw full, it draws part-filled, and bars after it stay empty. The Close friends switch turns the ring around the profile picture green and adds a small Close friends label next to the name. ### Why does my caption get a shadow when the pill is off? So it stays readable. White text on a white or pale photo would disappear, so without the pill the caption gets a soft dark shadow (or a light one behind dark text). With the pill on, the pill takes the contrasting colour: white behind dark text, dark behind light text. ### Can I use the mockups commercially? Yes, in presentations, pitches, marketing material and lessons, with the watermark left visible. Using the tool grants no rights to any platform's trademarks. ### Do I need an account? No. There is no signup and no usage limit. ## Related Tools - [Instagram Post Generator](https://findutils.com/mockups/instagram-post-generator/) - [Twitter/X Post Generator](https://findutils.com/mockups/twitter-post-generator/) - [WhatsApp Chat Generator](https://findutils.com/mockups/whatsapp-chat-generator/) - [LinkedIn Post Generator](https://findutils.com/generate/linkedin-post-generator/) - [Social Media Image Resizer](https://findutils.com/convert/social-media-image-resizer/) - [Image Caption Maker](https://findutils.com/generate/image-caption-maker/)