Mockup Generators for Google Devices

By

 Mockup generators are tools that combine screenshots with renderings of the frames and bezels of the desktop or mobile devices they are taken on. The generators can also overlay the screenshots to photos of actual devices.

Previewed mockup generator with some Android device frames.
The Previewed mockup generator with some Android device frames.

The combined images are used as illustrations or for promoting apps, ebooks, websites, or other digital products.

There are several mockup generators for mobile and desktop devices such as smartphones, tablets, and laptops. But they usually focus on Apple hardware. The few frames in the Google ecosystems like Android phones or Chromebooks, when available, are often out of date.

Google's own Android device art generator is missing the latest generations of flagships. Chrome can take screenshots with device frames but, again, there are no recent Android devices. Yeah, the cobbler's children have no shoes.


List of mockup generators for Google devices

I use mockup generators for sharing Android and Chrome OS screenshots, so I’m always on the lookout for suitable tools. These are the best mockup generators I found that are free or affordable for small creators and have above average support for the Google ecosystem:

  • Device Shots: simple to use, basic selection of Android devices
  • Hotpot: extensive selection of Android and Chrome frames
  • Previewed: additional mockup formats such as panoramas, videos, and 3D renderings
  • REPIX: many Android frames for Play Store artwork


I’ll keep this list up to date and expand it with new tools.

Are there other mockup generators well stocked with up to date, desktop and mobile frames of devices in the Google ecosystem? Let me know in the comments.

Popular posts from this blog

Using a Bluetooth Keyboard on Android

By
Image
Two years ago I bought a cheap Bluetooth keyboard from Amazon.it. At €14, it was mostly an impulse buy for exploring mobile typing on the go and in similar settings , such as workstations with reduced desk space. My FREALL 7INKEYBD-BK Bluetooth keyboard. I initially used the keyboard with the Android tablet and smartphone I had, a 7” Lenovo Tab E7 and a Pixel 2 XL. I later repurposed the keyboard for the devices I replaced those with, a Lenovo Tab M8 HD 8” tablet and a Pixel 4 XL smartphone. Despite the simplicity of operation, it took me some trial and error to figure out how to pair the keyboard with an Android device and what keystrokes insert the characters I need, such as accented letters when writing in Italian. Moreover, I realized I never blogged about my experience with the unit. So I’m posting these notes in case you come across the same or similar keyboards. The keyboard The keyboard is a cheap, compact, plastic chiclet unit that comes with a small foldable stand for a ta
Read more

Lenovo Tab M8 HD Review

By
Image
I bought a Lenovo Tab M8 HD , an 8” Android tablet. It comes with a MediaTek Helio A22 SoC, an IPS panel, 2 GB of RAM, and 32 GB of storage. I ordered the device from Lenovo’s Italian online store for €134. In this post I’ll share my early impressions on the device. The packaging box of the Lenovo Tab M8 HD tablet. Motivation The Lenovo Tab M8 HD replaces the Lenovo Tab E7 7” tablet I bought almost a year and a half earlier. After enjoying the Google Nexus 7 2012 and 2013 tablets I left Android slates for several years. My return to tablets with the November 2019 purchase of the cheap Lenovo Tab E7 was a sort of impulse buy. I wanted an affordable Android slate small enough to be compact but with a large enough screen to help productivity . I also figured it would double as an ebook reading device and let me explore the Android ecosystem. The Tab E7 was nice but limited. The screen didn’t have good touch sensitivity, performance was poor, there was a lot of lag, and the screen was no
Read more

How to Add Code Syntax Highlighting to Blogger

By
Image
On my blog I always wanted to format source code in Python and a couple more languages, but couldn’t find a convenient way. Until I read a tutorial on adding syntax highlighting to Blogger blogs like mine. The Blogger post composer actually provides the monospace Courier font that may be used for source code, but it works well only for inline text . If I apply the Courier font to a block of code, the composer renders each line as a separate paragraph. This leaves too much vertical space that makes the code look ugly. A workaround is to switch to the HTML view in the composer and wrap the block within <pre> ... </pre> tags, which insert the correct line spacing. However, the code doesn’t stand out on the page and there’s room for improving its scannability and visual impact. Fortunately, Blogger is an old dog I can teach new tricks to, like the setup the tutorial I found presents. A Python code snippet with syntax highlighting rendered by highlights.js in a post of the Moo
Read more