Upload a screenshot or a short screen recording and get it back on a 3D device: a phone, a tablet, a laptop or a desktop monitor, lit like a product photo with soft studio light, bright edges on the metal, a gentle reflection on the screen glass and a soft shadow underneath. Use the picture on a landing page, in an app store listing, a pitch deck or a social post, or pick an animation for a looping video.
How it works
- Upload a PNG, JPEG, WebP, HEIC or GIF image, or an MP4, MOV, WebM or MKV video.
- Choose the device and its colour: graphite, silver, midnight blue, soft gold or porcelain white. Phones and tablets turn sideways automatically for wide screenshots.
- Choose a picture or an animation. A video starts as an animation.
- Pictures come in five camera angles: tilted hero, front, three-quarter left and right, and flat from above.
- Animations: Float (a gentle bob and wiggle), Turntable (a full spin that shows the back), Swing (turns left and right), Reveal (turns into view; laptops open the lid and the screen switches on) and Slow zoom. Float, Turntable and Swing loop seamlessly.
- Pick the background and format. Light or dark studio, white, light grey, a pastel gradient, charcoal, your own colour, or transparent. The 16:9, 1:1, 4:5 and 9:16 formats fit websites, feeds and stories.
What you get
- Pictures: PNG, JPEG or WebP. At 1080p they are 1920 × 1080, 1080 × 1080, 1080 × 1350 or 1080 × 1920 pixels; 720p, 480p and 360p give smaller files, and 4K gives 3840 pixels on the long side.
- Animations: MP4 (H.264, plays everywhere), WebM (VP9), MOV (HEVC), both WebM and MOV for a website, or GIF (20 frames per second, at most 480p). Videos run at 30 or 60 frames per second, at 1080p, 720p, 480p or 360p, and are up to 15 seconds long (GIFs up to 10). A poster image of the first frame (or the final frame of a reveal or zoom) comes with every video.
- Screen recordings play on the device's screen during the animation: a clip shorter than the animation loops, a longer one is cut to length. Recordings of any size up to 8K work, including tall phone recordings; they are scaled to the screen. A picture made from a video shows a frame from its first second.
Transparent backgrounds
PNG and WebP pictures keep the soft shadow as a semi-transparent layer, so the mockup sits naturally on any page colour. For animations, WebM with transparency plays in Chrome, Edge and Firefox, and MOV (HEVC with an alpha layer) plays with transparency in Safari. Website: WebM + MOV makes both from the same frames and gives you a short HTML snippet: each browser picks the file it can show with transparency. GIF transparency is all or nothing per pixel, so transparent GIFs leave the shadow out and blend the device's edges into an edge colour you choose (white by default). JPEG and MP4 can't store transparency: with a transparent background, a JPEG picture is saved as PNG and an MP4 animation as the WebM + MOV pair, and the result says so.
Tips
- Upload screenshots at their original resolution. The image is filtered down to the screen's size in the mockup, which keeps small text crisp.
- If your screenshot doesn't have the same shape as the device's screen, Fit inside (the default) shows all of it and fills the space around it with the average colour of its edges, so it blends in. Fill the screen crops it instead (tall screenshots keep their top).
- Under More options you can add a glossy floor reflection, remove the shadow, or turn the reflection on the screen glass down or off when the colours of the screenshot must stay exactly as they are.
Privacy
Your upload is only used for this job and is deleted as soon as it finishes; the results expire automatically. The device renders are kept to make later jobs faster, but they never contain anything from an upload: your screenshot or video is added to them for your job only.