Mockly

Mockly's Instagram story generator creates story mockups with slides, author details, timestamps, device frames, 3D view, PNG export, and video export.

How to make an Instagram story mockup

  1. 1

    Create the story

    Add slides, author details, timestamp, and verified state.

  2. 2

    Frame the phone

    Add a device frame, switch to 3D view, and check the crop before export.

  3. 3

    Export

    Hit Export for a PNG mockup or story video.

What you can do with the Instagram story generator

  • Story slide setup

    Add story slides with images, author username, avatar, verified state, and timestamp.

  • Device frame and 3D view

    Use device frames, status bar controls, and 3D view when the story needs phone context.

  • PNG and video export

    Export a PNG mockup or an MP4 story video for short-form content and decks.

  • Short-form ready

    Keep the visual clear enough for TikTok, Reels, Shorts, tutorials, and production references.