---
title: "Video Mockup Generator – Phone, Laptop, TV | border.video"
description: "Put your video inside a phone, tablet, laptop, monitor, TV or browser frame and export a moving mockup as MP4, or a PNG still. Free, no sign-up, no upload."
url: https://border.video/video-mockup
---

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.

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](https://border.video/phone-mockup-video) and [laptop and TV mockup](https://border.video/laptop-mockup-video) 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](https://border.video/add-frame-to-video) 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.

## More border and frame guides

* [ Add a border to a video online Over 400 looks, eight shapes and full control, previewed live on your own clip. ](https://border.video/)
* [ Put a video inside a phone mockup Your clip on a drawn phone screen, upright or sideways, saved as a video. ](https://border.video/phone-mockup-video)
* [ Play a video on a laptop or TV mockup Laptop, flat TV, monitor, browser and retro TV frames for widescreen clips. ](https://border.video/laptop-mockup-video)
* [ Add a Polaroid or film-strip frame to a video Instant-photo, film-strip and card frames, with an optional caption. ](https://border.video/add-frame-to-video)
* [ Add a background behind a video Colour, gradient, your own picture or a blur behind a smaller clip. ](https://border.video/add-background-to-video)