OnePlus 5 Mockup
Last Updated on August 4, 2026 by Editorial Team
A free mockup with the latest device launched by OnePlus (a well-known chinese smartphone manufacturer): OnePlus 5.
The mockup was designed and shared by Jinson Johny. Happy downloading!
What makes this OnePlus 5 mockup so usable is the flat, front-facing angle it takes on the phone.
There is no dramatic tilt or perspective distortion here, just a clean, straight-on view of the device sitting slightly right of center against a solid yellow background.
That simplicity is deliberate. It keeps all the visual attention on the screen, which is exactly where you want it when you are showcasing an app, a lock screen, or a piece of UI work.
The device rendering itself is detailed enough to read as a real OnePlus 5, right down to the front camera, earpiece speaker, and the physical alert slider on the side, but it never competes with whatever you place inside the screen.
A soft drop shadow falls to the right of the phone, giving the composition a bit of lift off the flat yellow backdrop without adding any unnecessary complexity.
Where This Mockup Works Best
This is the kind of mockup you reach for when you need a fast, presentation-ready shot of a mobile screen.
- App store screenshots and product pages where you want the interface to look native on real hardware
- Portfolio case studies for mobile app design, showing onboarding flows, dashboards, or feature screens
- Wallpaper and lock screen previews, similar to the cosmic “Never Settle” artwork shown in the preview
- Social media posts and pitch decks introducing a new mobile product or feature
- Client presentations where a quick, believable device preview matters more than a heavily art-directed scene
Because the background is a single flat color, it also works well as a starting point for marketing banners or landing page headers where you want the phone to sit inside a larger colored layout.
Swapping in your own screen design is the main task here, and it is straightforward in any editor that supports smart layers or clipping masks.
Open the file, locate the screen layer, and either paste your artwork into the smart object or apply it as a clipping mask over the display area.
Keep your screen design at the same resolution and aspect ratio as the original placeholder so it aligns with the rounded corners and camera cutout at the top of the device.
The yellow background is easy to recolor if it clashes with your brand palette.
Select the background layer and adjust its fill to match your product colors, or replace it entirely with a gradient, texture, or photo if you want a more editorial feel.
Just be mindful of the shadow direction; if you change the backdrop dramatically, you may want to nudge the shadow opacity so it still reads naturally against the new surface.
For a cleaner export, you can also isolate the phone and shadow on a transparent layer, which makes it easy to drop the whole device into a different composition, like a hero banner, a slide deck, or a grid of multiple screen previews for a case study.
Pair it with a simple sans-serif headline and a couple of supporting screenshots and you have a tidy, professional way to present mobile work without building a scene from scratch.
