Mockup video editor

Art-directed environments
for device mockup videos

Add your screen recording and have a mockup video in minutes, in your browser: 83 animated scenes in five 3D environments, from a concrete loft to a meadow, for iPhone, iPad, MacBook, Display and TV. The camera and light are already set; pick scenes, export an MP4.

A picture opens its scene in the editor. The pill goes to that mockup's page, the room's name to the room.

From a screen recording to an MP4

  1. 01Record your screenAn app, a website or a desktop tool, recorded as it is. A still image works too.
  2. 02Choose a devicePut its scenes from any room on one timeline, then set a few basics: shape, reflections, speed ramp.
  3. 03Export the MP4H.264 at 30 fps, in five shapes, at 1080 or 2160. Or save a single still.

Who makes it

Art-directed scenes, so your demo won't look AI-generated

I'm Krystof, a designer in Prague. I model every room in Blender, light it, place the device and choose each camera move, then render it frame by frame. The wood, the concrete and the shadows are there before your app is.

About Motion Mockups

Questions

Are the mockups free?

To make, yes: every scene takes your own recording, and you watch the result with a watermark, without an account. Exporting the MP4 or a still needs Pro, $35 a month or $240 a year, tax included.

Can I use it for an App Store preview?

Not for the App Preview video on your product page: Apple's guideline 2.3.4 wants previews to show the app itself, and device frames aren't allowed there. For the promo video around a launch, on your site, in ads, on social or in a Product Hunt gallery, yes.

Can I use a website instead of an app?

Yes. A screen recording of a website works as it is: scroll your landing page on the MacBook or the Display, or record the mobile site for the iPhone. The editor fits it to the screen, and you choose how.

Can I move the camera myself?

No, and that is on purpose. Each scene's camera, light and room are set before you arrive, so there are no paths, lights or keyframes to adjust: add your recording, pick scenes, change a few basics and export. To animate the camera yourself, a real-time 3D tool suits you better.

Do I need After Effects or Blender?

No. The rendering is done; the editor only puts your recording on the screen in each frame, in the browser. Chrome, Edge or Safari on a computer, with no plugin and nothing to install.

Can I use the video for client work?

Yes. Pro covers commercial use: videos you deliver to clients, ads, landing pages and social posts, with no credit line. Anything you exported while subscribed is yours to keep using after you cancel.

Pick a room for your app

Open the editor

Free to make · export with Pro