Display images within frames depicting screens of various computer and mobile devices

A device mockup will not only help your users visualize your message, but with the right colors, fonts, and images, it can create a stronger association with your brand. 


Enhanced Design — Stronger Brand Presentation

With the right mockups, you can help your users visualize your services or products on their various devices, making their decision-making process shorter and in your favor. 

Easy Visualization — Better Understanding

Style 3

Style 4

Style 5

The widget features a selection of various devices and device types that you can choose from. The devices include mobile, tablet, laptop, and desktop, while the device types will enable you to choose a more specific device like an iPhone, a Galaxy phone, an iPad, and many more.


Multiple Devices

The widget comes with the ability to change the device's orientation from portrait to landscape and vice versa.

Portrait & Landscape

The widget features the option for in-mockup scrolling, which will allow you to add more content and make the user’s journey even more immersive.

In-Mockup Scrolling

You can play with the device’s brightness to complement your design needs and highlight the various choices you are more in favor of.

Device Brightness

The Device Mockup widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Layouts

The Device Mockup widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Device Mockup widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

The Device Mockup widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive

The Device Mockup widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Device Mockup Widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Device Mockup widget and be even more creative.

Custom CSS

You can easily embed the widget on your website by copying a single line of code. The Device Mockup widget will also be updated automatically with every change you make.

Easy To Embed

The widget will enable you to offer your users a clear visualization of what your content will look like on various devices — desktop, tablet, or mobile.

Clear Visualization

By offering your users an easy-to-follow visualization, you will create an immersive experience that will keep your users satisfied.

An Immersive Experience

With the widget, you can expedite the user’s decision-making process by showing how your content will look on their device and adding a CTA button right next to it.

Device Mockup Examples for Showit

Check out our Device Mockup examples and discover the full potential of the widget!

Enhanced Design — Stronger Brand Presentation

Easy Visualization — Better Understanding

Style 3

Style 4

Style 5