HandMock
Drop an image or video into a realistic phone screen held by a hand—perfect for premium hero shots and app previews.
Make it with Workshop
Build your own component with AI
About this Component
HandMock is a lightweight screen-overlay for “phone-in-hand” scenes. Place any hand/phone photo in your layout, drop an image or MP4/WebM into HandMock, and align it so the content sits perfectly inside the phone. Autoplay/loop/mute options keep reel-style previews smooth and reliable across browsers.
Screen source: Image or Video (MP4/WebM)
Desktop/Mobile presets for quick layout
How to use
Add a hand/phone photo to your canvas (as a normal image/layer).
Drop HandMock on top.
Choose Image or Video and select the asset.
