Skip to main content
border.video

Free · runs in your browser

Video mockup generator

Drop a screen recording or clip into a drawn device or browser window, set the backdrop, and save a moving mockup or a single PNG frame.

A couple walking hand in hand through a sunlit field, framed with the Browser window look

Drop a video to frame it

It opens in the Browser window look straight away. Change it in one click.Pick a clip from your photos or files. It stays on your phone. Photos work too.

Works with MP4MOVWebMJPEGPNGand more

Framed on your device. Your video is never uploaded.

  1. 1Choose
  2. 2Frame
  3. 3Download

To make a video mockup, add your clip to the tool above: it opens inside a Browser window frame. Press Browse all looks and open the Devices category to swap in a phone, tablet, laptop, desktop monitor, flat TV, retro TV or smartwatch. Then press Export video for a moving mockup, or Save this frame as PNG for a still.

The devices are generic drawings rather than copies of any brand’s hardware, so you can use them in portfolios, app store art, pitch decks and adverts without worrying about trade dress. They are drawn at your video’s own resolution, so the screen stays sharp. For more on each device, see the phone mockup and laptop and TV mockup pages.

How to make a video mockup

  1. Add your clip

    Drop a screen recording, app demo or any video on the tool. It opens in a Browser window frame on a soft gradient.

  2. Pick a device

    Press Browse all looks (or L) and choose Devices, or search for phone, laptop or TV. Hover over a look to try it on your clip first.

  3. Set the scene

    Change the backdrop colours under Look colours, pick a Shape such as 1:1 or 9:16 for social posts, and drag the device into place.

  4. Save it

    Press Export video for an MP4 mockup, or pause on the best moment and press Save this frame as PNG for a still image.

Devices to choose from

  • Phones in black, white, graphite, blue and rose, plus a phone on a dark backdrop. Best at 9:16 or 4:5.
  • Tablet and White tablet for iPad-style app demos.
  • Laptop, Dark laptop and Desktop monitor for web apps and software walk-throughs.
  • Flat TV, Retro TV and Teal retro TV for trailers, reels and a bit of nostalgia.
  • Browser window and Dark browser window for websites and screen recordings.
  • Smartwatch for very short, square clips.

Each frame scales with your clip, so a 4K recording keeps its detail. Portrait clips suit the phones; landscape clips suit laptops, monitors and TVs.

Moving mockups and still images

A moving mockup is the whole video inside the device, sound included, saved as an MP4. It suits landing pages, social posts and product launch videos. A still is one frame saved as a PNG at full size: right for app store screenshots, slides, thumbnails and printed material. Pause the preview where you want it, then press Save this frame as PNG. You can do both from the same setup.

Making a mockup look finished

  • Pick a Shape for where it’s going: 1:1 or 4:5 for feeds, 16:9 for a website hero or a slide.
  • Change the backdrop under Look colours, or use your own image as the backdrop under More options → Background → Image.
  • Drag the device off-centre and add a Caption to leave room for a headline.
  • Trim the clip with the scissors under the preview so the mockup starts on the interesting part.

Good uses for video mockups

App and website demos read better in a device than as a bare recording, because viewers instantly see where it runs. Designers use mockups to show motion work in a portfolio, marketers use them in ads and launch posts, and teams drop them into pitch decks and release notes. If you record your screen first, a browser window frame keeps it neat without a device at all.

Video mockup questions

How do I make a video mockup for free?

Add your clip to the tool on this page, pick a device under Browse all looks, then press Export video. There is no charge, sign-up or watermark.

Can I save a mockup as an image?

Yes. Pause on the frame you want and press Save this frame as PNG. It is saved at the full size of the framed video.

Are the devices real phone and laptop models?

No. They are generic drawings, so they don’t copy any manufacturer’s design.

Does the mockup keep the sound?

Yes. The exported MP4 keeps the clip’s audio unless you switch off Keep sound under Export settings.

Can I put a vertical video in a laptop mockup?

Yes, but it will be small with space at the sides. A phone frame at 9:16 suits vertical clips better.

Is my recording uploaded?

No. The mockup is drawn and saved on your own device.