一个订阅,解锁全部高级视频 Skill。随时取消。查看方案

guide

How to make a 3D phone mockup video for your app

Device b-roll makes any app look shipped. How to render a 3D phone with a liquid-glass home screen and your app on it, free, with the 3D Phone Home Screen block.

2026年11月3日 · 阅读约 1 分钟

这篇指南暂未提供你的语言版本,因此以英文显示。

Launch films and landing pages need shots of the product on a device. A real 3D phone with a current home screen, your notifications and your page gives you that shot without a studio.

What makes it work

HabitWhy it works
Your content on screenNotifications and page text from your app
Neutral or own iconsDo not show other companies' app icons
One clear momentA notification, then your app opening
Studio lightThe 3D lighting sells the realism
Pair with the laptopCut to the laptop version for desktop features

Make one with 3D Phone Home Screen

3D Phone Home Screen is a free, open-source HyperFrames block. A 3D phone turns in a soft studio with a liquid-glass home screen, live notifications and your web app on screen. Ask your agent:

Make a 3D phone home screen for Solenne with its evening notifications and the "Your home, on cue" page.

It renders a 15-second 1920×1080 MP4.

For another take on the same idea, see 3D Laptop Desktop.

本文提到的 Skill