Xiaomi Mi Mix 2 Mockup
Last Updated on August 8, 2026 by Editorial Team
A free mockup with Xiaomi’s new edgeless display smartphone: Xiaomi Mi Mix 2. Created and shared by Zhenhua.
Hope you enjoy it!
What makes this Xiaomi Mi Mix 2 mockup so useful is the phone itself: that nearly bezel-less, edge-to-edge screen with just a sliver of black chrome at the bottom.
Because the display footprint is so close to the full face of the device, whatever artwork you drop in reads almost like it’s floating on glass rather than sitting inside a frame.
The two units shown here, one in black and one in white, give you a quick sense of how differently the same mockup can feel depending on which body color you keep.
The black version disappears into dark backgrounds and lets a bright, saturated screen image do all the talking, while the white unit adds a cleaner, more retail-shelf feel with visible antenna lines and a front-facing camera dot for realism.
The swirling, painterly wallpapers used in the preview aren’t part of what you’re editing; they’re there to demonstrate how gradients, abstract textures, and photography behave across that uninterrupted edgeless canvas.
That’s the real lesson to take from the preview: this mockup rewards imagery with continuous tonal flow, like gradients, smoke, liquid, marble, or wide landscape photography, because there’s no notch or thick bezel to interrupt the composition.
Where This Mockup Works Best
This is a strong pick whenever you need to present a mobile UI, app screen, or wallpaper design in a way that feels premium and forward-looking.
- App store screenshots and product pages where you want the interface to look modern and immersive
- Portfolio case studies for mobile app or UI/UX design work
- Wallpaper packs, live wallpaper apps, or lock screen designs that need a realistic edge-to-edge preview
- Social media posts or ads announcing a new app feature or redesign
- Pitch decks and client presentations where a polished device shot adds credibility
It’s especially good for showing off dark-mode interfaces, photography apps, or content-heavy designs like news feeds and galleries, since the minimal bezel keeps the focus entirely on the screen content rather than on the hardware.
If your project depends on a recognizable notch, Dynamic Island, or rounded-corner iOS-style status bar, this isn’t the right frame, since the Mi Mix 2’s design language is distinctly Android and bezel-minimal.
Editing Tips for a Cleaner Result
Once you open the file in your editor, locate the layer or smart layer meant to hold your screen design and place your artwork there.
Because the screen area runs almost edge to edge, double check your corners and top/bottom margins before exporting, since anything cropped oddly at the very top or bottom will be much more visible here than on a mockup with thicker bezels.
If you’re working with a UI screenshot rather than a full-bleed image, add a small amount of padding or a background color that matches your app’s theme so the transition into the black frame edge looks intentional rather than accidental.
For presentations, try duplicating the composition and swapping in the second phone color, black and white side by side, the same way the preview does, so viewers can compare how your design reads in both variants.
Keep the dark, faintly textured background if you want a moody, tech-editorial feel, or drop in a flat brand color or soft gradient behind the phones if you’re placing this into a lighter marketing layout or landing page hero section.
