Make an app showcase video from your screens
Turn the screens that matter into a focused showcase for a launch page, feature announcement, presentation or portfolio.
Free to start in your browser. No account needed.
Made in Ultramock
App screens presented as short videos on a phone, a watch and in a flat reveal.
How can I turn a screen recording of my app into a polished product video?
Ultramock turns a screen recording into a product video in your browser: place the recording on a 3D phone, tablet, laptop or display (or in Flat mode, with no device), direct the camera across one or more shots, and export an MP4.
Open the editor and pick a device
On the start screen, choose a phone, laptop or display, or Flat for no device. Every device is free, or you can start from a template instead.
Drop in your recording
Drag, paste or upload the screen recording, or record a browser tab with the Ultramock Chrome extension. Trim the video to the part you want to show.
Direct the camera
Set the angle, zoom and focus, then add keyframes on the timeline to move toward the details that matter. Or open Auto-motion, mark focus areas on the screen and press Compose for a camera move you can still edit.
Add shots, text and sound
Give each screen its own shot, add a text shot or a text layer where a line helps, and put music or a voiceover on the audio track.
Export the video
Open Export, choose Video and export an MP4. Free exports a watermarked 1280 × 720 landscape video with a free account (1 a week, up to 12 seconds). Pro removes the watermark and goes up to 3,840 px (4K), in portrait and square too.
Show what matters without showing everything
A good showcase is selective. It chooses the screens that support one message, then uses composition and motion to make that message easier to follow.
Lead with one idea
Decide whether the video is introducing the product, explaining a feature or showing the quality of the interface.
Choose useful screens
Build the sequence around the moments that prove the idea instead of trying to reproduce the whole product tour.
Use motion to guide attention
Move toward important details, give each view time to read and keep decorative movement in service of the product.
How it works
The strongest app showcase starts with a small plan, then uses the editor to turn that plan into a coherent sequence.
Define the takeaway
Write the one thing someone should understand after watching, then select the screens that support it.
Build the shots
Place each screen in a device or Flat mode, set the camera and use text only where it makes the message clearer.
Refine and export
Check the pacing, transitions and legibility at the final size, then export for the placement you have in mind.
What you can export
Free covers the whole editor with watermarked exports. Pro removes the watermark and the export limit, and raises the size and frame rate.
| Export | Free | Pro |
|---|---|---|
| Exports | 5 images and 1 video a week, with videos up to 12 seconds. Video needs a free account | Unlimited |
| Watermark | A small Ultramock mark in the bottom-left corner | None |
| Still images | JPG, PNG or WebP, up to 1,920 px on the longest edge | Up to 5,120 px on the longest edge, including custom sizes |
| Video | 1280 × 720 landscape, up to 30 fps | Up to 3,840 px on the longest edge (4K), in landscape, portrait or square, up to 60 fps |
| Transparency | Not included | Transparent PNG and WebP, and WebM video with an alpha channel in Chrome (other browsers vary) |
One sequence, several useful destinations
The same product story can be adapted without turning every placement into a completely different creative direction.
Launch and product pages
Use motion to introduce the interface and make the value of a product or feature visible before someone starts reading the detail.
- A focused hero or feature clip
- A short product overview
- A visual for a release or changelog entry
Presentations and portfolios
Give an app project a considered opening or explain a key interaction without turning the case study into a full product demo.
- Portfolio and case-study motion
- Pitch and presentation visuals
- Client-ready product sequences
Ultramock has massively helped with the speed and quality of our feature releases. Before Ultramock, we could only produce high quality visuals for the most important features. Now, we can produce beautiful product visuals in a fraction of the time.
Ultramock creates the visual, not the campaign around it
Use Ultramock to compose and export the app showcase. Script development, voiceover production, publishing, scheduling and campaign distribution sit outside the product.
Questions, answered
How do I make an app showcase video for my landing page?
Open Ultramock, put the app screens or recordings that prove one idea on a 3D device or in Flat mode, give each its own shot with a camera move toward what matters, and export a landscape MP4 to place on the page. Free video is watermarked 1280 × 720 with a free account (1 a week, up to 12 seconds); Pro removes the watermark and goes up to 4K. On Pro you can also put a shot on the page as a live 3D embed that turns as visitors move the pointer.
Do I need a finished screen recording?
No. You can create a showcase from still screenshots, recordings or a combination of both.
Can I use more than one screen?
Yes. A project can contain multiple shots, with different media in each, transitions and text or logo layers where needed.
Does Ultramock publish the video for me?
No. Ultramock creates the exported visual. You review it and publish it through your website, launch platform, portfolio or chosen channel.
Last updated
Show the app you actually built
Start with real screens, choose the useful moments and build a sequence that keeps the product in focus.
Never miss an update
Get new features, release notes, and the occasional behind-the-scenes from Ultramock, straight to your inbox.