プレミアム動画Skillがすべて使える、ひとつのプラン。いつでも解約できます。プランを見る

guide

How to make a 3D laptop mockup video for your product

Software looks real on real hardware. How to put your product on a 3D laptop with a liquid-glass desktop, free, with the 3D Laptop Desktop block.

2026年11月3日 · 約1分で読めます

このガイドはまだお使いの言語に対応していないため、英語で表示しています。

A laptop shot says "this is a real product people use at work". With a desktop that has your window, a notification and widgets, it becomes a hero shot for a launch film or website.

What makes it work

HabitWhy it works
Your windowName it after your product with real sections
One notificationA single, specific line
Neutral dockReplace other companies' icons
Calm wallpaperLet the window and widgets lead
Slow cameraThe 3D move does the work

Make one with 3D Laptop Desktop

3D Laptop Desktop is a free, open-source HyperFrames block. A 3D laptop opens onto a liquid-glass desktop: menu bar, widgets, a file window, a notification and a dock, all editable. Ask your agent:

Make a 3D laptop desktop for Solenne with a Solenne window, a notification about the evening scene and neutral dock icons.

It renders a 15-second 1920×1080 MP4.

For another take on the same idea, see 3D Phone Home Screen.

このガイドで紹介した Skill