Mockup

The Mockup subsection frames an image, video or iframe inside a device representation (phone, tablet, laptop, screen). Ideal for showcasing an app screenshot, a website or a demo video.

This subsection is only available on Image, Video, Before/after image, Site logo and Iframe elements.

Choose a mockup

The panel displays five mockups in a grid, each with a preview of the rendering:

• Macbook Pro 16: Apple laptop, 16-inch format.
• Macbook Air M2: Apple laptop, more compact.
• iPhone 14 Pro Max: vertical smartphone.
• iPad Pro 12.9: large tablet.
• iMac 24: Apple desktop.

Click on a mockup to apply it. Click again on it to deactivate it.

Reset

The Reset settings button removes the mockup and the element returns to its normal rendering.