Mockup video maker

What a mockup video is actually for

A screenshot on its own asks the viewer to imagine the product. A screenshot inside a device that turns, catches light and casts a shadow does not — it reads as a thing that exists. That is the whole job of a mockup video, and it is why an app-store listing, a launch post and a landing-page hero all reach for one. The difference between a flat PNG and four seconds of motion is usually the difference between a post that scrolls past and one that stops.

Real perspective, not a skewed rectangle

The device here is a rectangle in three dimensions. It is rotated about all three axes, moved, and projected through a camera with a focal length you can change — so what you get on screen is a genuine projection, where the near edge is longer than the far one. A CSS transform on a flat image can only produce a parallelogram, which is why tilted mockups made that way look subtly wrong: the vanishing point is missing.

The Lens slider is the same control a photographer reaches for. A long lens flattens the perspective and reads as a product photograph shot from across a room; a short one exaggerates it and reads as a phone camera held too close. For most product work, longer is better — the default sits at the flattering end.

Tall screenshots and wide screenshots want opposite things

A tall app screenshot is narrower than it is long, so scaling it to the width of a phone screen makes it overflow — and that overflow is exactly what the scroll animations use. A wide desktop screenshot has no overflow at all; scaled the same way it covers a fifth of the screen. The obvious fix, stretching it to fill, skews every straight line in your interface, which on a screenshot of a user interface is the most visible artefact there is. So a wide shot is centred at its true aspect over a blurred, blown-up copy of itself, the way a video player handles a mismatched frame. Both cases are handled automatically; the How it sits control is there for when you want something else.

Which motion to pick

For a launch post or an ad, an entrance — Tilt in, Drop in, Pop — gives the clip a beginning, which matters when it plays once in a feed. For a website hero that loops forever, pick something marked as looping: Float, Orbit, Sway or Breathe join back to their own first frame, so the repeat is seamless. If the point is the product rather than the packaging, Scroll the screen and Tilt & scroll keep the device still and move the content, which is what actually shows someone what your app does.

Everything happens on your device

Your screenshot never leaves the browser. It is decoded locally, drawn onto a canvas, and the video is recorded from that canvas by the browser's own encoder. There is no upload, no account, no queue and no watermark — and because there is no server, there is nothing to be slow when the tool is busy.