Free Google Pixel mockup
Last Updated on July 25, 2026 by Editorial Team
Cool Google Pixel mockups created in Sketch by Victor Stuber. The freebie includes one .SKETCH file with 3 mockups: black, white and blue.
What makes this Google Pixel mockup so handy is the way it stacks three color variants front and center in a single frame: white with black trim, an all black finish, and a blue-edged version with a lighter body.
Each phone is angled slightly and layered behind the next, so you get a sense of a full lineup without needing three separate compositions.
The screens themselves are clean and minimal, just a flat light gray fill with rounded top corners that match the actual Pixel bezel shape, including that top speaker slit and front-facing camera dot.
That bare screen is really the whole point. It is an open canvas built for dropping in your own UI, whether that is an app home screen, a mobile web page, a splash screen, or a notification tray.
Because the phones overlap, it works especially well for showing off a design system or a small set of screens at once, like an onboarding flow or three states of an app, without cluttering the layout with extra frames or shadows.
The flat gray background keeps all the attention on the devices, which makes this a good pick for portfolio shots, app store preview images, product pages, or a slide in a client presentation where you want the phones to feel understated rather than flashy.
Working With the Three Color Variants
Since the mockup already gives you white, black, and blue devices layered together, you can present all three as one image to suggest a real product lineup.
If you only need one phone, it is just as easy to isolate a single layer, hide the other two, and center that device on its own for a cleaner, single-device shot.
To drop in your own interface, place your screen design into the empty gray area and use a clipping mask or the frame’s existing shape to keep the corners rounded correctly.
Match your screen’s background color to whatever mood you are going for. A white or light UI will feel airy and match the white and blue phones nicely, while a dark interface pairs naturally with the black variant.
If you are building out a full case study or landing page, consider pairing this mockup with a matching desktop or tablet mockup so the Pixel becomes one part of a broader multi-device presentation rather than standing alone.
Keep any text or UI elements away from the very top of the screen area, since that’s where the speaker cutout and camera sit, so your design reads cleanly without visual interference from the hardware details.
