# MockupReel

> MockupReel is a free, browser-based tool for making App Store and Google Play screenshots and animated 3D device mockup videos. No install, no account, no watermark. https://mockupreel.vercel.app

MockupReel has two tools:

- **SnapKit** (https://mockupreel.vercel.app/snapkit) — an App Store and Google Play screenshot maker.
- **Studio** (https://mockupreel.vercel.app/studio) — a 3D device mockup video maker with a timeline.

## SnapKit — store screenshots

- Multi-slide layouts shown side by side like a store carousel; layers can span across slides.
- 3D device mockups (iPhone 16 Pro, iPhone 17 Pro Max, iPad, iPad with keyboard, iMac, Samsung laptop) with your screenshot on the screen; free camera angle per device.
- 2D device frames with automatic green-screen cut-out for the screen area.
- Text with 100+ Google Fonts, highlight boxes and per-word alignment; images, tintable graphics, callouts that zoom into part of a screenshot.
- Solid, linear, radial and image backgrounds with presets.
- Export sizes: App Store iPhone 6.9", 6.7", 6.5", 5.5", 4.7" (portrait and landscape) and iPad 13", 11", 10th gen, 9th gen; Google Play phone, tablet and Chromebook; Google Play feature graphic 1024×500 (exported as JPEG); web and social sizes; custom sizes.
- One slide downloads as PNG; several slides download as one ZIP.
- Store checks before export: screenshot counts (App Store up to 10; Google Play 2–8), Google Play 2:1 aspect limit and 320–3840 px side limit, empty slides, devices with no screenshot, leftover placeholder text, text too small to read in store search results, text too close to the edges.
- Safe-zone overlay showing the area that rounded corners and store UI will not clip.
- A/B variants: up to five alternative screenshot sets (A–E) in one project, for Google Play store listing experiments and App Store product page optimization. Exports are named per variant.
- Undo/redo, copy/paste/duplicate layers, snapping guides, zoom.
- Autosaves locally in the browser (IndexedDB). Project → Save project file downloads a .snp file to reopen later or on another computer.
- Template gallery grouped by app category.

## Studio — 3D device mockup videos

- Put a video or image on a 3D device screen (multi-screen devices supported), set body color and finish, background, shadows and camera angle.
- Multi-track timeline, similar to video editors like CapCut: a camera track of poses with easing between them, one media track per device screen (video/image clips with trim and fade/slide transitions), text tracks for titles and captions (font, size, color, box, shadow, fade/slide/pop/typewriter animation) and audio tracks (volume, fade in/out, waveform).
- Editing: drag to move, drag edges to trim, snapping, split at playhead (S), delete, undo/redo, loop, zoomable timeline.
- Exports 4K MP4 video (H.264 + AAC, or WebM where MP4 recording isn't available) and 4K PNG stills, in 9:16, 16:9, 1:1 or 4:5.

## Requirements

- Modern Chrome, Edge, Firefox or Safari. 3D features need WebGL (hardware graphics acceleration); 2D device frames work without it.
- Everything runs locally in the browser; files are not uploaded to a server.

## FAQ

- Is it free? Yes, all features, no watermark.
- Can I make an App Store app preview video? Yes — Studio exports MP4 from a 3D device with your screen recording, camera moves, titles and music.
- Where is my work saved? In your browser on your device; download a project file to keep a copy.