How to make a 3D app promo video in a browser (no After Effects)
Step-by-step: build a keyframe camera path over a 3D iPhone, add a screencast, and export a 30fps MP4 without leaving your browser.
A 6-second turntable of your app inside a titanium iPhone frame outperforms a static screenshot on almost every social platform. Here's how to make one in a browser.
1. Pick a device and a preset camera path
In the 3D editor, start with a preset like Slow Turntable or Push-in Hero. Presets give you a working keyframe rig you can tweak instead of building from zero.
2. Drop in your screencast
Record your app with QuickTime (macOS Cmd+Shift+5) or Xcode Simulator's built-in recorder. Import as MP4 or animated WebP — MockStage maps it onto the device screen automatically.
3. Set duration and easing
- 6 seconds is the social sweet spot — long enough to show the feature, short enough to loop.
- Ease-in-out on camera keyframes reads more polished than linear.
- Add a 0.3s hold on the final frame so the last state is legible.
4. Export
30 fps is fine for social. Choose 60 fps only when the video will be embedded at large size on a landing page. Pro tier renders 4K.