If you’ve ever wanted to show a device like an iPhone, iPad, or even desktop computer with content inside of it for a portfolio or interactive demo, it’s often very difficult to do. This tutorial will show you how to create interactive device mockups in Oxygen Builder with a variety of devices and colors.

Because it’s built using a shortcode wrapper, essential a div, anything can go inside of it.

Below is the code used to achieve the layouts in the tutorial video.

CSS and Code Snippet: https://github.com/permaslug/Device-Mockups-for-Oxygen/tree/main

Credit:

https://picturepan2.github.io/devices.css/

Taylor Drayson: https://thecreativetinker.com/