Framy Blog
How Long Should an App Demo Video Be?
Co-founder, Framy
How long should an app demo video be? The right length by placement — App Store, Reels, landing page, Product Hunt — plus how to frame and export a clean MP4 free.
How long should an app demo video be? Short — almost always shorter than you think. The exact number depends on where it plays, but the rule holds everywhere: show the value fast, then stop. Here's the length for each placement and why.
The short answer
| Placement | Target length |
|---|---|
| App Store preview | 15–30 seconds |
| Instagram Reels / TikTok / Shorts | 7–15 seconds |
| Landing-page hero | 10–20 seconds (looping) |
| Product Hunt gallery | 20–40 seconds |
| Sales / onboarding email | 30–60 seconds |
When unsure, go shorter. You can always make a longer version; you can't get back the viewer who left at second 20.
Why shorter wins
Attention drops fast, and app demos are usually watched by people deciding whether to care at all. A tight clip that lands the core value in the first few seconds respects that. A long one asks for patience the viewer hasn't agreed to give.
The discipline that helps: one demo, one idea. If you're tempted to show three features, make three short clips instead of one long one.
Placement notes
App Store preview (15–30s). Apple caps preview length and shoppers skim, so open on the core action, not onboarding.
Reels / TikTok / Shorts (7–15s). The first second decides everything. These reward tight loops and fast payoffs.
Landing-page hero (10–20s, looping). It autoplays muted and repeats, so it should read instantly and loop cleanly without an obvious cut.
Product Hunt (20–40s). A slightly longer window is fine on launch day, but front-load the value.
Structure for a short demo
- Hook (0–2s): the payoff or the problem, immediately.
- Core action (2–10s): the one flow that shows the value.
- Close (final 2s): the result, or a clean loop point.
Make it once, frame it, export
Record the flow, trim to the length above, then frame it. Open the free iPhone mockup tool, drop in the clip, pick an iPhone model and ratio, and export High quality MP4 with no watermark. It's the quickest way to make an iPhone video mockup from a raw recording.
<!-- TODO: restore in-body image alt="A short app demo framed in an iPhone in Framy" (missing /blog-media/how-long-should-app-demo-video-be/short-demo-frame.webp) -->Bottom line
The best app demo length is the shortest one that still shows the value: 15–30 seconds for the App Store, under 15 for social, a tight loop for a landing page. Cut hard, frame clean, and stop as soon as the point is made.
Next steps
Frame and trim your demo in the free iPhone mockup tool, or read App Store Preview Video Best Practices That Boost Installs. More on the Framy blog.
Try it in the App Store preview video.