Framy Blog

How to Make App Demo Videos for YouTube Shorts

Alexey Maslovsky, co-founder of Framy — iPhone mockup editor

Alexey Maslovsky

Co-founder, Framy

Make an app demo video for YouTube Shorts — frame your screen recording in a 9:16 iPhone shell, keep UI in the safe zone, and export a clean MP4 free with no watermark.

How to Make App Demo Videos for YouTube Shorts — Framy iPhone mockup guide cover image

YouTube Shorts is an underused place to show an app, and a framed app demo video for YouTube Shorts stands out because most Shorts are raw phone footage. This guide covers the size, the safe zone, and how to frame a screen recording into a clean vertical clip — free, no watermark. For the tool page, see the YouTube Shorts mockup.

Shorts video size

Shorts are vertical: 9:16, 1080 × 1920, up to 60 seconds (longer is now supported, but short still wins for demos). Frame in 9:16 and it fills the screen.

Keep UI clear of the Shorts overlay

YouTube puts the title, channel, and action buttons along the bottom and right of a Short. Keep your app's key UI centered and out of the bottom third so nothing important hides behind the overlay.

Step 1: Record vertically

Capture your app in portrait so the source matches 9:16. Lead with the core action.

Step 2: Frame it

Open the free iPhone mockup tool, drop in the recording, and it lands inside a real iPhone frame. Pick from 35 models. Or open the YouTube Shorts mockup tool page for the Shorts-sized workflow.

A screen recording framed in an iPhone on a 9:16 Shorts canvas

Step 3: Set 9:16 and export

Set the canvas to 9:16, add a background if you want the frame to pop, and export High quality MP4 with no watermark. Upload to Shorts.

Tips for Shorts that get watched

  • First 3 seconds decide it. Open on the result, not the setup.
  • Add on-screen captions for mute viewers.
  • Loop-friendly endings help Shorts replay, which boosts reach.
  • Reuse the file for Reels and TikTok — identical 9:16.

Why Shorts is worth it for apps

Shorts surfaces content to people who don't follow you yet, which is exactly what a new app needs. A clean, framed demo that looks like a real product does better there than a raw capture, and you can make an iPhone video mockup for it free in a couple of minutes.

Next steps

Frame your Short in the free iPhone mockup tool, then read Best Aspect Ratio for App Demo Videos. More on the Framy blog.