Samsung S8 Mockup
Last Updated on August 23, 2026 by Editorial Team
Free Samsung S8 mockup in Sketch, designed and shared by Ranjith Alingal. This premium looking mockup is definitely a great choice for showcasing your next application design.
The mockup itself is stripped down to exactly what a phone screenshot preview needs: a straight-on front view of the Galaxy S8 with its signature slim bezels and rounded corners, sitting centered against a smooth gradient backdrop that shifts from a bright cobalt blue to a deeper violet.
That gradient is not just decoration. It gives the whole composition a premium, almost product-launch feel, similar to what you would see on an official Samsung landing page or app store banner.
Because the phone is shown dead center and facing forward, this Galaxy S8 mockup is built for one job above all: dropping in an app screenshot or UI design and letting it read clearly. The infinity display fills almost the entire vertical frame, so whatever you place inside the screen area becomes the focal point without any distracting angles, shadows, or perspective distortion to compensate for.
This makes it especially useful for mobile app designers who need to present a screen design in a portfolio, a case study, or a client pitch deck.
It also works well for Play Store feature graphics, Dribbble and Behance shots, or social media posts announcing a new app feature, since the clean background leaves plenty of room to add text or crop the image without losing the phone itself.
Swapping In Your Own Screen
Editing this mockup is straightforward once you open the file in Sketch. The screen area sits on its own layer or artboard region, so the basic workflow is to place your screenshot or exported UI frame directly behind or inside that layer, then resize it to match the visible display boundaries.
Because the bezel is slim, pay attention to aligning your image edges precisely with the rounded display corners so nothing looks cropped oddly or leaves a gap of background color peeking through.
If your screenshot has square corners, you may need to mask or clip it to match the slight curvature of the S8 screen for a seamless result.
The background gradient is also easy to restyle. Since it is a simple two tone blend, you can swap the colors to match your brand palette, lighten it for a more minimal presentation, or darken it for a moodier, more dramatic product shot.
Keep in mind that lighter screen designs tend to pop more against the darker violet corner, while darker app interfaces may benefit from shifting the gradient brighter so the phone edges stay visible.
When placing this mockup into a broader layout, it pairs naturally with short feature callouts, small UI detail close-ups, or a row of secondary device mockups if you want to show an app across multiple breakpoints.
Keeping the surrounding page background neutral or matching the mockup’s own gradient family will help the presentation feel cohesive rather than assembled from mismatched parts.
