Device Mockups
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…
Consider an alternative
Device Mockups shows warning signs in 2026 — compare the alternatives below before installing. It runs on 800+ sites, is rated 5/5 and was last updated 9 years ago, and scores 39/100 on our health check.
- Small user base (800+ active installs)
- No update in 9 years
- Only tested up to WordPress 4.8 (latest is 7.1)
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Device Mockups stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| device | >100 |
| iphone | >100 |
| mockup | >100 |
| portfolio | >100 |
| shortcode | >100 |
Version adoption
Share of active sites per release.
Rating breakdown
★★★★★★★★★★ 5 from 8 reviews
About Device Mockups
From the official readme · v1.8.2Description
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:
Questions/Comments
- https://byjust.in/contact/
Installation
- Upload the plugin files to the
/wp-content/plugins/device-mockupsdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
Changelog
Removed the shortcode filter because the new output needs no filter. If you see any issues like extra p or br tags, please let me know.
1.8.2
- added filters back to fix the gallery
1.8.1
- Added composer to grab latest wpcs and phpcs
- Removed shortcode filter
- More code optimization to meet WordPress Coding Standards
1.8.0
- Removed [dm-gallery] shortcode and replaced it with a simpler way to create a gallery
- Simplified CSS by using @extend
- More code optimization
1.7.0
- updated code to reflect WordPress Coding Standards
- optimized images to help save on loading time
- this release is mainly to clean up code so that I can start working on future updates
1.6.0
- adding ability to scroll within the device
- cleaned up code
- added support for jetpack videos
1.5.2
- optimized output to work better with other shortcodes i.e. page builders
- removed conditional statements to check for if shortcode is used to enqueue and moved enqueue within the shortcode function
- shortcodes will work within widgets now
Screenshots
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best Device Mockups alternatives
All device plugins →
FAQ
Device Mockups: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 3, 2026
Is Device Mockups free?
Yes. Device Mockups is free to download and use from the official WordPress.org plugin directory.
Is Device Mockups safe to use in 2026?
Device Mockups shows warning signs in 2026 — compare the alternatives below before installing. It runs on 800+ sites, is rated 5/5 and was last updated 9 years ago, and scores 39/100 on our health check.
How many websites use Device Mockups?
Device Mockups is active on 800+ WordPress websites and has been downloaded 55,568 times since it launched in May 2014. It was downloaded 120 times in the last 30 days.
Does Device Mockups work with WordPress 7.1?
Device Mockups is officially tested up to WordPress 4.8.32, while the latest release is 7.1.2. It may still work, but try it on a staging site first.
When was Device Mockups last updated?
The latest version, 1.8.2, was released on September 18, 2017 (9 years ago).
Who makes Device Mockups?
Device Mockups is developed and maintained by Justin Peacock.
What are the best alternatives to Device Mockups?
The most popular alternatives to Device Mockups are Specific Content For Mobile (4K+ installs), Device Detector (500+ installs) and Device Wrapper (300+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
