BLOG / PRACTICAL GUIDES

Add a device frame to your screen recording

Start with the original recording, add a device frame, import the video, and check the exported result. Follow the controls below to avoid cropping important parts of your demo.

Video presentation 5 min read
App template example
An original App template example

Prepare your source

Use the original recording from Photos. Play it once to check orientation and make sure the first and last frames are suitable for sharing.

Download Lilacpane on the App Store · Free to download; some features require an in-app purchase.

Add the frame and export the video in Lilacpane. This web page explains the workflow; it does not generate a video mockup.

1. Add a frame that fits the recording

Tap + in the upper right and add a device frame. Select it and open Device to choose an iPhone or iPad appearance that fits the recording.

Still App template preview with filled iPhone screen
Still template preview for frame and composition only; this is not a frame from an exported video.

2. Import the original video

Once a frame is on the canvas, tap Add or Edit at the bottom and select the recording from Photos. To replace the source in a particular frame, select it and open Media.

Check important moments in the source recording, including navigation changes, pop-ups, and captions. Adjust the media position and size to keep those details visible.

3. Set the background and title

Open Background in the bottom toolbar. A solid color or simple gradient keeps attention on the recording. Add a title with + and place it outside the device frame.

4. Export the video and play it through

Open the export panel and choose the video format and output size available for this canvas. Video export requires Pro. The app supports MP4 (H.264) or MOV (HEVC); check the saved file before sharing.

Check the beginning, middle, and end of the saved video.
Check the bottom navigation and any captions.
Listen to the saved audio and confirm the orientation.

A single source recording may retain its audio; compositions with multiple videos are silent. Listen to the saved file rather than assuming audio was preserved.

For an App Store preview, check Apple’s video requirements separately. A framed social-media demo is not automatically suitable for that destination.

Check App Store preview video requirements

Try a still screenshot first

Follow the screenshot tutorial using your own original screenshot

FAQ

Do I need to crop the recording first?

Start with the original recording. Preserve navigation and controls, and adjust the frame and composition around it.

Why is the video cropped at the bottom?

Check the source and frame proportions, and reduce excessive scaling of the media inside the frame.

Does video export need Pro?

Yes. You can preview the result in the app, while video export requires Pro. Check the current export panel for the available settings.