Environments, not backdrops
Display & monitor
mockup videos for websites
Record your website or desktop app and drop it in: it plays on a large monitor in 3D environments I art-directed, from a wood-panelled study to an open meadow. The camera moves are already set; choose scenes and export an animated MP4.
Drop your screen recording
It opens in the editor, playing in this scene
MP4 · MOV · WEBM · OR AN IMAGE
Loft · Push In
Make it on your computer
A website recording is best placed and exported on the screen it was made for. Share the link to your computer and open the Display scenes there.
Drop it to open it in Loft · Push In
- $35 a month, cancel any timeor $240 a year · tax included
- Free to make and previewExport the MP4 with Pro
- Commercial use includedClient work, ads, social posts
- No After EffectsChrome, Edge or Safari on a computer
19 Display scenes
The monitor stands in five rooms, from a warm study to a meadow. A 16:9 screen recording fills it with no cropping. Each scene is one camera move round the monitor: pushing in, circling it or rising to face it.
Who makes it
Each room is a scene I light myself
I'm Krystof, a designer in Prague. I set up every room in Blender, place the lamps and the sun, plan each camera move and render all the frames. Nothing here comes from an image generator; the reflections on the display are the room's own.
About Motion Mockups
From a screen recording to an MP4
- 01Record your screenCapture your site or app full screen, in a browser or a desktop app, ideally on a 16:9 monitor. A still image of a long page works too.
- 02Pick scenesPut Display scenes from different rooms in a row on the timeline; the recording keeps playing across them, and Fit recording picks the part of a taller page that shows.
- 03ExportAn H.264 MP4 at 30 fps, wide 16:9 for a hero section or square for a post, at 1080 or 2160. Or a still.
The details
For a website, export wide 16:9 for a hero section or YouTube, square for a post, or 4:3. At 2160 a page recorded at 3840 × 2160 keeps its small type. A scroll through several pages can run across scenes from every room in one MP4. The browser renders the export frame by frame from the full-size scenes, never from the preview.
- Scenes
- 19 on the Display, in five 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 monitor mockup?
Making one costs nothing: put your recording in any Display scene and play it with a watermark, without an account. To export the MP4 or a still you need Pro, at $35 a month or $240 a year.
Can I make a website mockup video with it?
Yes, it is what the Display is for. Record the page scrolling in your browser, full screen and in 16:9 if you can, and it fills the screen. Other shapes are fitted to the screen; open Fit recording to choose what shows and how it is scaled.
Can I use it for my App Store preview?
Not for the App Preview on a Mac App Store page: Apple's guideline 2.3.4 allows only screen captures of the app itself, so a device frame doesn't belong there. For your website, a launch announcement, a Product Hunt gallery or an ad, the Display scenes are fine.
Do I need After Effects or Blender?
No. The rooms are rendered already; the editor maps your recording onto the monitor in Chrome, Edge or Safari on a computer. You don't open a project file or install anything.
Can I use the video for client work?
Yes. Pro's licence covers commercial work: client sites and launches, ads, landing pages and social media, and no credit is required. What you exported while subscribed stays usable after you cancel.
Which monitor is it?
A large studio display on a slim stand, modelled in Blender; I don't name a model. Its screen is 16:9, so a 3840 × 2160 recording fills it exactly, and so does any smaller 16:9 one, such as 2560 × 1440 or 1920 × 1080.
