Devices Mockups By Facebook

Last Updated on July 17, 2026 by Editorial Team

A super set of devices mockups that includes a whopping 56 devices (and counting!). Created by the Facebook Design team.

What’s included:

• Computers: Apple iMac, Apple iMac Retina, Apple MacBook, Apple MacBook Air, Apple MacBook Pro, Dell XPS 13, Dell XPS 15, Microsoft Surface Book
• Displays: Apple Thunderbolt Display, Dell UltraSharp HD 5K Monitor, Dell UltraSharp Monitor, Sony W850C
• Phones: Apple iPhone 5c, Apple iPhone 5s, Apple iPhone 6s, Apple iPhone 6s Plus, Apple iPhone 7, Apple iPhone 7 Plus, Apple iPhone 8, Apple iPhone 8 Plus, Apple iPhone SE, Apple iPhone X, Google Pixel, Google Pixel 2, Google Pixel 2 XL, HTC One A9, HTC One M8, Huawei P8, Microsoft Lumia 950, Motorola Moto E, Motorola Moto G, Nexus 4, Nexus 5X, Nexus 6P, Nokia 220, Nokia 230, Nokia Asha 230, Nokia C3-00, Samsung Galaxy Grand Prime, Samsung Galaxy Note 5, Samsung Galaxy S Duos, Samsung Galaxy S3, Samsung Galaxy S5, Samsung Galaxy S7, Samsung Galaxy S8, Samsung Galaxy Y
• Tablets: Apple iPad Air 2, Apple iPad Mini 4, Apple iPad Pro, Microsoft Surface 3, Microsoft Surface Pro 4, Nexus 9
• Watches: Apple Watch, Apple Watch 2, Motorola Moto 360, Sony SmartWatch 3

What you see in the preview is the real strength of this pack: a jumble of phones laid at overlapping angles on a magenta-to-pink gradient, screens left blank and dark so the devices read as pure silhouettes.

That flat, screen-off treatment is deliberate. It keeps the focus on the hardware shapes themselves, from the rounded corners and notch of the iPhone X to the thicker bezels of older Android handsets, without any interface mockup competing for attention.

Because the devices are rendered as clean vector-style shapes rather than glossy photoreal renders, they sit comfortably inside product decks, app store screenshots, and pitch documents where you need a device to look credible without looking like a stock photo.

This is a working library more than a single hero image. With computers, displays, phones, tablets, and watches all covered, you can pull one device for a simple app screenshot or arrange a whole cluster of them, the way the preview does, for a busier compositional piece.

Building a Composition Like the Preview

The overlapping, rotated arrangement in the preview is worth studying if you plan to build something similar.

Start by picking devices with contrasting silhouettes, a wide tablet, a tall phone, a squat watch, so the shapes don’t visually collide when rotated.

Layer them at varied angles rather than a neat grid, letting edges bleed off the canvas the way several phones do here.

A saturated gradient background, like the pink-to-magenta one shown, gives the dark device bodies enough contrast to read clearly, and a soft shadow under each device helps separate overlapping layers.

Once the arrangement is locked, the blank screens become a canvas: drop in app UI, product photography, or brand colors as image fills, and duplicate the whole composition for different campaigns or platforms.

Since so many phone generations are included, from the Nexus 4 up through the iPhone X and Pixel 2 XL, this set is genuinely useful for anyone documenting responsive design work, since you can show a design running on both current and slightly older hardware without redrawing anything.

It also earns its keep in presentations for clients who still use a mix of Android and iOS devices, since you’re not stuck defaulting to a single flagship phone that doesn’t match their actual user base.

For app landing pages, portfolio case studies, or app store assets, swapping the screen content for real product screens turns any single silhouette into a convincing device mockup in minutes.

Pair a phone from this set with a laptop or tablet from the same collection and you get a cohesive, multi-device presentation with matching linework and proportions, which is harder to pull off when mixing mockups from different sources.