Show your work in high resolution, responsive device mockups using only shortcodes. Wrap images, videos, or any other content within a few simple shortcodes to display them within any of the pre-packaged devices mockups, which are easily selectable from within the editor.

Available shortcodes

[device][/device]
[browser][/browser]

Device Attributes

type: imac|iphone6|iphone6-plus|iphone5s|iphone5|s3|lumia920|ipad|nexus7|surface
color: black|white|gold|silver
orientation: portrait|landscape
stacked: open|closed
position: left|right
link
width: (px or %)
hide: left|right
scroll: false
gallery: false

Browser Attributes

type: chrome|firefox|safari
link
width: (px or %)
gallery: false

Creating a Gallery

Add gallery=”true” to your device|browser shortcode
Add your images within your device
Add a <div> around each image within the device

I’m working to simplify this process but for now, this will get your galleries working.

See Gallery Slider

Recommended Image Sizes

iPhone 6 – 1334×750
iPhone 6 Plus – 1920×1080
iPhone 5s – 1136×640
iPhone 5 – 640×1136
iPad – 2048×1536
iMac – 1920×1200
Macbook Pro – 1440×900
Galaxy S3 – 720×1280
Nexus 7 – 1920×1200
Surface – 1920×1080
Lumia 920 – 768×1280
Chrome – 1440×900
Firefox – 1440×900
Safari – 1440×900

Bugs:

Report an issue

Questions/Comments

https://byjust.in/contact/

Device Mockups