Environments, not backdrops

TV mockup videos for
streaming apps and games

Drop in a recording of your streaming app, game or TV interface and it plays on a wall-mounted TV in animated 3D rooms I art-directed: a living room with a leather sofa, or a white wall in a concrete loft. Pick scenes and export an MP4, with nothing to key.

Drop your screen recording

It opens in the editor, playing in this scene

MP4 · MOV · WEBM · OR AN IMAGE

Home · Push In

8 s · 30 fps · 6 more TV scenes

Make it on your computer

Your TV recording goes in and comes out on a computer, in a desktop browser. Send the link over and pick the scenes there.

Choose a scene

7 TV scenes

The TV hangs in two rooms so far, a lived-in living room and a bare concrete loft. Each scene is one camera move across the room, and in most the screen stays part of the room rather than filling the frame. Open a scene and your recording is on the wall.

Loft

On white wall panels, concrete blocks on the floor.

4 scenes

Home

Over an oak console, a leather sofa and bookshelves.

3 scenes

Who makes it

The rooms are mine, from the sofa to the skylights

I'm Krystof, a designer in Prague. I furnished the living room and the loft in Blender, down to the books on the shelves, and rendered the camera moves frame by frame. The light on the TV's glass comes from the room, not from a filter.

About Motion Mockups

From a screen recording to an MP4

  1. 01Capture the TV appRecord the interface from the simulator, a capture card or a browser build, ideally in 16:9 at 1920 × 1080 or larger. A still of a menu works too.
  2. 02Pick scenesPut TV scenes from the living room and the loft on one timeline; the recording carries on across the cut, so gameplay never restarts between scenes.
  3. 03ExportAn H.264 MP4 at 30 fps, wide 16:9 or square or vertical, at 1080 or 2160, with no sound. Or a still.

The details

For a streaming app or a game, export wide 16:9 for a trailer on your site or YouTube, or vertical 9:16 for a short. The video has no sound, so lay your soundtrack or game audio under it in your video editor. The export is drawn frame by frame in your browser from the full-size renders, at 1080 or 2160.

Scenes
7 on the TV, in two collections
Length
8 seconds each, at 30 fps. Put any number on one timeline
Your recording
MP4, MOV, WebM or MKV, or a PNG, JPEG, WebP or AVIF image. 3840 × 2160 fills the screen
Export
H.264 MP4, or a PNG or JPEG still
Shapes
Square 1:1, portrait 4:5, vertical 9:16, wide 16:9 and 4:3
Size
1080 or 2160 pixels on the short edge
Camera
Fixed per scene, on purpose: you choose scenes, not angles
Devices
Apple devices only, and a TV. No Android phones or tablets
Sound
None. Add it in your video editor
Browsers
Chrome, Edge or Safari on a computer
Free
Every scene and edit, with a watermarked 720p preview. No account
Pro
Export everything: $35 a month, or $240 a year

Questions

Is there a free TV mockup?

Yes, to try: every TV scene takes your recording, and you can watch the preview with a watermark without an account. Exporting the MP4 or a still needs Pro, $35 a month or $240 a year.

Does a streaming app or a game fit the screen?

The screen is 16:9, so a recording at a TV's usual shape fills it. Anything else is fitted to the screen, and Fit recording lets you decide what shows. The video has no sound; add your soundtrack in your video editor afterwards.

Can I use it for my App Store preview?

Not as an App Preview: Apple's guideline 2.3.4 asks previews to show the app itself, and device frames are not allowed there. Around the launch, on your site, in posts, ads or a pitch deck, yes.

Do I need After Effects or Blender?

No. The living room and the loft are rendered already, and the editor puts your recording on the TV in Chrome, Edge or Safari on a computer. Nothing to install or learn first.

Can I use the video for client work?

Yes. Pro covers commercial use, for client work, ads, trailers on your site and social media, without credit. The videos you exported while subscribed are still yours to use after you cancel.

Can the camera move differently?

No. Each scene's camera move is fixed, as I rendered it. You choose which scenes to use and their order, and a clip can be reversed, so a Push In plays as a pull back from the TV.

The same rooms on other devices

Put your app on the wall

Open a TV scene

Free to make · export with Pro