Mockly

Fake Snapchat story generator

Make a realistic Snapchat story screenshot in seconds.

Mockly's Snapchat story generator creates story mockups with full-bleed slides, a segmented progress bar, username and relative time, device frames, PNG export, and video export.

How to make a Snapchat story mockup

  1. 1

    Create the story

    Add slides with images, then set the username, avatar, and relative time.

  2. 2

    Frame the phone

    Add a device frame, turn on the status bar, and check the crop before export.

  3. 3

    Export

    Hit Export for a PNG mockup or story video.

What you can do with the Snapchat story generator

  • Real Snapchat story layout

    A segmented progress bar runs across the top, black gradient scrims fade in at the top and bottom, and the header shows the avatar, username, relative time, bell, and more buttons.

  • Full-bleed slides

    Add one image per slide and it fills the whole screen. Slides crossfade with a slide-and-scale transition, or show a No image placeholder until you add one.

  • Bottom controls and device frame

    The bottom row draws the camera pill, the Send a chat pill, the send arrow, and the home indicator bar. Add the device status bar and a device frame for phone context.

  • PNG and video export

    Export a PNG mockup or an MP4 story video for TikTok, Reels, Shorts, tutorials, and decks.