CelebrateMotionOpen editor

Mockup generator

Free mockup generator for app and website screenshots

Put your screenshot inside a device and it reads as a real product. ShotGenio wraps screenshots in iPhone, MacBook and browser mockups, lets you angle them in 3D, and places them on a background sized for wherever you post.

Make a mockup

Free to start. No card needed.

How it works

  1. 1

    Choose a device

    Pick an iPhone 17, iPhone 17 Pro, iPhone 17 Pro Max, MacBook Pro or a browser frame.

  2. 2

    Drop your screenshot

    The screenshot fits the screen of the device automatically.

  3. 3

    Angle and export

    Pick a layout like tilt or isometric, then export PNG, JPG, WebP, GIF, MP4 or WebM.

What you get

  • Phone mockups

    iPhone 17, iPhone 17 Pro and iPhone 17 Pro Max frames.

  • Laptop mockups

    MacBook Pro 14″ and 16″ frames for web apps and dashboards.

  • Browser mockups

    Light and dark browser bars for website screenshots.

  • 3D layouts

    Tilt, turn, lay back, isometric, corner peek and float.

  • Motion mockups

    Animated backgrounds and sunlight overlays exported as GIF or video.

  • Any size

    Social presets plus App Store iPhone and iPad sizes.

Questions

Is this mockup generator free?

Yes, device mockups are free to use. Free exports have a watermark, which the one-time Lifetime license removes.

Do I need Figma or Photoshop?

No. Everything happens in the browser. Upload a screenshot, pick a device and download.

Can I make an animated mockup?

Yes. Choose a motion background and export as GIF, MP4 or WebM.

Make a mockup

See pricing: free, or $4.99 once for the Lifetime Editor.