iPhone 12 & iPad Pro Mockups

Just replace the image in your Webflow designer in the correct format. The device is vector-based and sharp at any size. The screen image will adjust to the device on a percentage basis.

If you want to copy it to your Webflow project, you have to make it a symbol again. Info: I have not integrated the home bar.

iPhone 12 – Graphite
iPhone 12 – Silver
iPhone 12 – Pacific Blue

Mockups with shadows

You have to change the shadow values in the embed element. If you want to use shadows you still can use Webflow symbols (see iPhone example below).

Subscribe to my YouTube Channel

New Webflow Tutorials every week