Mockups
Put your recording inside a device frame, a real-scene photograph, a browser window, or a multi-device scene.
A mockup wraps your recording in something — a phone, a laptop, a browser window, a photograph of a desk. Open the Mockup tab in the properties panel.
Choosing a mode
The toggle at the top of the tab picks the mode, and the rest of the panel changes with it.
| Mode | What you get | Good for |
|---|---|---|
| Single | One device, 2D frame or 3D model | App demos, mobile screenshots |
| Multi | Two or three devices in one 3D scene | Showing a product across phone and desktop |
| Photo mockup | Your recording composited into a real photograph | Landing pages, social posts, anything that needs to feel physical |
Turn the whole thing off with Enable device frame (or Enable photo mockup) and your recording sits on the plain background again.
Single device
Pick a device with the device picker; pick a colour from the swatches underneath, which are photographs of the real finishes rather than flat colour chips.
Screenify filters the device list to match your recording: an iPhone capture offers iPhone frames, an iPad capture offers iPads, a Mac capture offers MacBooks and iMacs.
2D or 3D
Style switches between:
- 2D — a photoreal device image with your recording in the screen. Sharp, light, many colours available.
- 3D — a real model. You can rotate it, light it, and move a camera around it. See Camera motion.
The screen
Screen content decides what plays in the device screen:
- Recording — your capture. The default.
- Video — a video file you pick.
- Image — a still.
Fit controls how that content sits in the screen — cover, contain or fill.
Other controls worth knowing
| Control | Does |
|---|---|
| Dynamic Island | Draws an island on the screen. Off by default — an iPhone recording already has one in its pixels, and turning this on would give you two. |
| Show menu bar | Draws a macOS menu bar at the top of a Mac screen |
| Content Scale | Enlarges the recording inside the screen |
| Lid Angle | Opens and closes a MacBook lid |
| Glass glare | A reflection across the screen glass |
| Ground shadow | Contact shadow under the device |
For 3D devices you also get Lighting, Lens (aperture and focal length, which drive background blur), Backdrop and Desk Surface.
Photo mockup
Instead of a rendered device, your recording goes into the screen of a device in a photograph — a phone in someone's hand, a laptop on a café table.
Pick an image from the library. Filter by Packs or by Scene, and sort by curated, newest or A–Z. Click the library button for the full browser with search.
Framing
The photo is almost never the same shape as your video. Framing shows the whole photograph with a bright rectangle over the part that will be in frame and a blue outline showing where the device screen sits. Drag the bright rectangle to choose what's visible. Center on device resets it.
Screenify frames on the device screen by default, not the middle of the photo, so a phone sitting off to one side of the image still ends up in shot.
Photo Motion
A photo mockup can have a camera move over it — a slow push in, a pan. That lives on the Photo Motion track. See Camera motion.
Multi-device
Two or three devices in one 3D scene, each with its own content. One device shows your recording; the others can show videos or stills.
| Control | Does |
|---|---|
| Devices | Which models, and what plays on each |
| Arrangement | How they're placed |
| Templates | Preset arrangements |
| Background | Wallpaper or an environment image |
| Lighting | Brightness, exposure, reflections, screen glare |
| Shadow style | Realistic or simple |
| Stage Motion | Camera moves across the whole scene |
In a multi-device scene, timeline effects — zoom, masks, callouts — apply to the device showing Recording. If no device is set to Recording, those effects have nowhere to appear. Screenify warns you on the canvas when that happens.
Browser frame
Separate from device mockups and combinable with them: Browser in the Background tab wraps your recording in a clean browser window with an address bar you type yourself.
It exists because recording a real browser window captures your tabs, your bookmarks, your extensions and a URL that may contain a token. Record just the page content, and let Screenify draw a tidy window around it.
| Control | Does |
|---|---|
| Browser | Which window style |
| Address bar | The URL to display |
| Tab title | The tab label |
| Site icon | The favicon |
| Size | Scale of the chrome |
| Trim top | Crops rows off the top of your capture, for when you recorded a bit of real chrome |
Because it sits on the content rather than around the canvas, a browser frame also appears inside a laptop screen or on every screen in a multi-device scene.