Grav

Device Mockup for Grav

Offer easy visualization & Increase conversions

Create Device Mockup
Device Mockup for GravDevice Mockup for Grav settingsDevice Mockup for Grav design

Why Should You Use the Device Mockup Widget ?

Clear Visualization with Device mockup for Grav

By using Grav Device mockup plugin, you will be able to show your users how your content will look across various devices - desktops, tablets, and mobiles.

Providing a Holistic Experience

Provide your Grav website users with an easy-to-follow visualization.

Improved decision-making process with Device mockup for [platform

A CTA button next to the Device mockup plugin will expedite the user's decision-making process by showing how your content will look on their device.

Various devices

Grav Device mockup plugin offers a selection of devices and device types. 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.

Device Mockup - Various devices

Portrait & Landscape Options Device mockup

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

Device Mockup - Portrait & Landscape Options Device mockup

Enable Scroll in the Mockup

The Device mockup plugin features the option for in-mockup scrolling, which will allow you to add more content and make the user’s journey on your Grav website even more immersive.

Device Mockup - Enable Scroll in the Mockup

Easily customizable plugin

The Device mockup plugin for Grav features extensive customization options so you can tailor it to your Grav website. Change the colors, fonts, spacing, and anything else you want!

Device Mockup - Easily customizable plugin
Device Mockup - Adjust the Device Brightness

Adjust the Device Brightness

You can play with the device’s brightness to complement your Grav website design needs and highlight the choices you favor.

Device Mockup - Choose from multiple layouts for Grav Device mockup

Choose from multiple layouts for Grav Device mockup

We offer a variety of layout options for your Grav Device mockup plugin to customize your Grav website according to your preferences. There are a variety of layout options that you can use to select the perfect design for your brand and users.

Device Mockup - Stunning skins selection for your Grav website

Stunning skins selection for your Grav website

There are several beautiful skins to choose from with the Grav Device mockup plugin, so you don't need to spend much time customizing it for your Grav website. The skins are designed to complement most design color schemes and can be used to quickly and easily create a Device mockup plugin for your Grav, website.

Device Mockup - A Simple to use plugin

A Simple to use plugin

No coding is required with the Device mockup for Grav. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the plugin any way you’d like to with just a few simple clicks.

Perfectly Responsive Design for your Grav website

Our Device mockup plugin for Grav is designed to be fully responsive and will look fantastic on any device. It is essential to have this feature in today's mobile-first world.

Device Mockup - Perfectly Responsive Design for your Grav website

Adding custom CSS to the Device mockup for Grav

As with most Common Ninja plugins, Device mockup for Grav can be customized with custom CSS.

Device Mockup - Adding custom CSS to the Device mockup for Grav

Easy To Embed On Your Grav website

You can embed the Device mockup plugin on your Grav website by copying and pasting one line of code. Each time you update the Grav Device mockup, it will also be updated automatically on your Grav website.

Device Mockup - Easy To Embed On Your Grav website

Trusted By

Billboard logoUSA logoCNBC logoField Museum logoBlizzard logoBarstool Sports logoACS logo

How to Install

01
02
03
04
Copy the Device Mockup plugin’s code.
To add Common Ninja’s Device Mockup plugin to your Grav website, you have to do the following: First, go to the “Add to Website” tab on the Common Ninja Editor’s dashboard and copy the HTML code.
install picture

Why Should I Use Common Ninja's Widgets?

Reliable Support

We value our customers and offer top-notch support and quick reply times. You won’t be left hanging with a problem on your hands, we promise.

An Intuitive Editor

Our widgets come with a simple-to-use, intuitive editor that enables you to drag and drop elements within the widgets and edit them with absolute ease.

User Analytics Included

We add user analytics to each app so you can get valuable insights including the number of installations, impressions, views, engagement metrics and more!

Fully Customizable

Our widgets are fully customizable and offer a wide variety of design options for you to choose from. Fonts, colors, shapes, sizes and more — change any design element to fit your needs.

GDPR Compliant

We value your privacy and rights over personal data. To that end, all our widgets are GDPR and CCPA compliant to protect your privacy. You can learn more about our

Highly Secure

Our servers, code and API are constantly audited to make sure that our widgets are secure. We also reinforce this by creating widgets of high quality and by trusted developers.

Perfectly Responsive

Our widgets are fully responsive and will work on any device. In a mobile-first world, this feature gives you a strong advantage over competitors.

Continuous Improvement

We constantly work to improve our widgets and add new features and capabilities to them so that you can have everything you need at your fingertips.

No Coding Skills Required

Our widgets require absolutely no coding knowledge. Edit the app to your liking, copy its HTML code, and paste it where needed. That’s it.

What Our Users Think

FAQ

Compatible With All Site Builders, E-Commerce Platforms and Websites

webflow logoshopify logowix logowordpress logobigcommerce logosqurespace logoweebly logojoomla logoduda logojimdo logomagento logoshift4hsop logounbounce logocarrd logo
View all supported platforms