# Ultramock

> Turn app, website and SaaS screens into polished images and motion for launches, marketing, websites and portfolios.

Ultramock turns a screenshot, design or screen recording into a finished
product visual. It runs entirely in the browser on WebGL — there is nothing
to install and no account is required to start. Renders use detailed 3D device
models in custom 3D scenes, with camera control, depth of field, bloom, grain
and other effects applied live. Free includes watermarked image output and
720p 30fps landscape video: Free gets five images a week with no account, and one video a week up to 12 seconds with a free account, all with an Ultramock watermark. Pro adds
higher-resolution output and transparent image and video options.

The core creative editor and every 3D device model are free to use, with a
limited number of watermarked exports. Pro adds unlimited watermark-free
exports, the premium 3D Scenes, the full asset library, cloud projects and
MCP control.

## Devices

All 19 3D device models, every finish, free to use:

- Phones: iPhone Air, iPhone Duo, iPhone 18 Pro, iPhone 18 Pro Max, iPhone 17, iPhone 17 Pro, iPhone 17 Pro Max, Galaxy S26 Ultra, Pixel 10 Pro
- Watch: Apple Watch Ultra 3
- Tablets: iPad Pro, iPad Air
- Laptops: MacBook Neo, MacBook Air 13", MacBook Pro 14", MacBook Pro 16"
- Displays: Studio Display, XDR Display, HomeView

Mac screens can show a macOS menu bar, browser window and Dock; phones can
show the iOS status bar. Flat mode presents a screen with no device.

## Features

Full details, plans and limits: https://www.ultramock.io/ai-info.

### Bring in your screens

- Images and video from your work (Free): Upload, drag in or paste screenshots, designs and screen recordings. Each shot shows its own image or video, which can be cropped and, for video, trimmed.
- Chrome extension (Free and Pro): Capture a screenshot of a website or record the current browser tab, then send it straight into the editor. Capturing and adding to the open project is free; starting a new cloud project from a capture is Pro.

### Compose

- 3D devices (Free): 19 detailed 3D device models (phones, a watch, tablets, laptops and displays), every one free in every finish. Mac screens can show a macOS menu bar, browser window and Dock; phones can show the iOS status bar. The 2 devices that exist only inside a premium 3D Scene (iPhone 18 Pro pair, Studio Display) are Pro with their Scene.
- Flat mode (Free): Present a screen with no device, with corner radius, border and depth effects.
- Multiple devices in one shot (Free): Up to 4 devices in a single shot, each with its own image or video, arranged, turned and animated on their own or together.
- 3D Scenes (Pro): Fully rendered 3D environments with real floors, shadows and lighting: Concrete desk, Dark grid desk, Warm desk, iPhone pair, Concrete Dark, Bright studio. The Custom scene, with your own background and lighting, is free.
- Plinth (Pro): Stand a device on a pedestal in the Custom scene, in 6 styles including wood, concrete, marble and rock.
- Backgrounds (Free and Pro): Solid colours, 10 gradient presets and custom linear or radial gradients with up to four draggable colour stops, and 23 background images. Colours, gradients and 14 of the 23 background images are free; the rest of the images are Pro.
- Animated backgrounds (Pro): 13 moving background styles, each in a light and a dark version, that play with the timeline, with Color, Speed and Intensity controls.
- Camera, lighting and depth of field (Free): Tilt, roll, zoom, field of view and pan the camera, or orbit around the devices. Studio lighting, contact shadows and reflections, and real lens blur with focus you can set per shot and animate (rack focus).
- Effects and colour (Free): Bloom, Flare, Fish Eye, LCD Screen, grain, vignette and other effects, plus exposure, brightness, shadows, midtones, highlights and saturation controls.
- Text (Free): Text shots and layered text that can sit in front of or behind a device, with text animations including Typing with a cursor.
- Logo shots (Free): Animated logo shots made from your uploaded logo.
- Shapes and presets (Free): 10 composition shapes from ultrawide to portrait, plus App Store (5) and social (8) presets. Choosing a shape is free; exporting at sizes above the free limits (including the App Store screenshot sizes) is Pro.

### Animate

- Timeline (Free): Build a video from shots (up to 60 per project), each with keyframed camera and device moves, easing, a graph view, transitions in and out, and animation presets. Simple mode works in poses: camera stops inside a shot.
- Auto-motion (Free): Mark focus areas on the screen and Ultramock composes an editable camera move around them.
- Audio tracks (Free): Add music or a voiceover on an audio track with a waveform, and trim it on the timeline.
- Music library (Pro): 10 royalty-free songs to drop onto the timeline from Add, Music. Free accounts can play previews; using a song in a project is Pro.
- Beat sync (Free): Ultramock finds the strong beats in a song and times the camera moves to them.

### Start from a template

- Templates (Free and Pro): A library of official templates at /templates (still shots and multi-shot videos, in collections such as Aire and Blackout) with previews that play on hover. Browse without an account; open one with a free account and make it your own. A template is Pro when it uses a premium 3D Scene or its device, the Plinth, a Pro asset (such as a Pro background image) or a Music library song.
- Saved templates (Pro): Save your own project as a reusable starting point (up to 20).

### Export

- Image and video export (Free and Pro): Export stills as JPG, PNG or WebP and videos as MP4 (H.264), at sizes up to 4K, from the editor. Free exports carry a small Ultramock watermark centred along the bottom. Free exports are smaller, watermarked and capped at 30 fps; Pro adds larger and custom sizes, higher frame rates and quality, and no watermark.
- Transparent export (Pro): Transparent PNG and WebP images, and transparent WebM video (VP9 alpha).
- Motion blur (Pro): Real motion blur on exported video, switched on in the Export menu.

### Projects and storage

- Cloud projects (Pro): Save up to 50 projects to your account, with autosave, and open them on any device. Free keeps one project in this browser.
- Cloud storage for videos (Pro): Uploaded videos are stored with the project, so it opens complete on any device (60 minutes of stored video).

### Publish

- Live 3D embeds (Pro): Put a shot on your own website as live 3D: visitors see the real device, which turns as they move the pointer or drag. Update it from the editor and the site shows the change.

### AI assistants

- Ultramock MCP (Pro): Connect Claude, Cursor, ChatGPT or another MCP client and make mockups and videos from chat. The assistant edits a project while you have it open, its changes appear as they land, and you can restore the project to how it was before.

## Templates

Ready-made shots and short videos to start from, browsable without an account at https://www.ultramock.io/templates. Opening one in the editor needs a free account; a template marked Pro needs Pro.

### Collections

- [Aire](https://www.ultramock.io/templates/collections/aire): 6 templates. Six templates in one look, across iPhone, iPad Pro, MacBook and Studio Display.
- [Blackout](https://www.ultramock.io/templates/collections/blackout): 6 templates. Six templates in one look, across iPhone, Watch, MacBook and Studio Display.

### Official templates

- [Rock MacBook](https://www.ultramock.io/templates/rock-macbook): Laptop, 16:9, video, Pro
- [Yuri](https://www.ultramock.io/templates/yuri): Flat, 16:9, video, Free
- [Back 2 back MacBook](https://www.ultramock.io/templates/back-2-back-macbook): Laptop, 3:2, video, Free
- [Gemstone](https://www.ultramock.io/templates/gemstone): Phone, 3:2, video, Pro
- [Macbook Plinth](https://www.ultramock.io/templates/macbook-plinth): Laptop, 16:9, video, Pro
- [Blue Wave](https://www.ultramock.io/templates/blue-wave): Flat, 16:9, video, Pro
- [Skymap](https://www.ultramock.io/templates/skymap): Laptop, 16:9, video, Pro
- [Slab Macro](https://www.ultramock.io/templates/slab-macro): Flat, 3:2, video, Free
- [Aire - Homeview](https://www.ultramock.io/templates/aire-homeview): Desktop, 16:9, video, Free, Aire collection
- [Aire - Studio Display](https://www.ultramock.io/templates/aire-studio-display): Desktop, 16:9, video, Free, Aire collection
- [Aire - iPad Pro](https://www.ultramock.io/templates/aire-ipad-pro): Tablet, 16:9, video, Free, Aire collection
- [Aire - MacBook](https://www.ultramock.io/templates/aire-macbook): Laptop, 16:9, video, Free, Aire collection
- [Aire - iPhone + MacBook](https://www.ultramock.io/templates/aire-iphone-macbook): Laptop, 16:9, video, Free, Aire collection
- [Aire - iPhone 18 Pro](https://www.ultramock.io/templates/aire-iphone-18-pro): Phone, 16:9, video, Free, Aire collection
- [Blackout - Slab](https://www.ultramock.io/templates/blackout-slab): Flat, 16:9, video, Free, Blackout collection
- [Blackout - Studio Display](https://www.ultramock.io/templates/blackout-studio-display): Desktop, 16:9, video, Free, Blackout collection
- [Blackout - Macbook](https://www.ultramock.io/templates/blackout-macbook): Laptop, 16:9, video, Free, Blackout collection
- [Blackout - Watch Ultra](https://www.ultramock.io/templates/blackout-watch-ultra): Watch, 16:9, video, Free, Blackout collection
- [Blackout - iPhone Duo](https://www.ultramock.io/templates/blackout-iphone-duo): Phone, 3:2, video, Free, Blackout collection
- [Blackout - iPhone Air](https://www.ultramock.io/templates/blackout-iphone-air): Phone, 16:9, video, Free, Blackout collection
- [iPhone duo unfold](https://www.ultramock.io/templates/iphone-duo-unfold): Phone, 16:9, video, Free
- [Macbook 2](https://www.ultramock.io/templates/macbook-2): Laptop, 3:2, video, Pro
- [Concrete Macbook](https://www.ultramock.io/templates/concrete-macbook): Laptop, 16:9, video, Pro
- [Dark Room Macbook](https://www.ultramock.io/templates/dark-room-macbook): Laptop, 16:9, video, Pro
- [App Store iPhone Images](https://www.ultramock.io/templates/app-store-iphone-images): Phone, appstore-iphone, video, Free
- [Macbook 1](https://www.ultramock.io/templates/macbook-1): Laptop, 16:9, video, Free
- [Watch ultra 1](https://www.ultramock.io/templates/watch-ultra-1): Watch, 3:2, video, Free
- [iPhone 2](https://www.ultramock.io/templates/iphone-2): Phone, 16:9, video, Free
- [XDR 1](https://www.ultramock.io/templates/xdr-1): Desktop, 16:9, video, Free
- [iPhone 1](https://www.ultramock.io/templates/iphone-1): Phone, 16:9, video, Free

## AI agents (MCP)

Pro accounts can connect an AI agent (Claude, ChatGPT and other MCP clients)
to build and edit mockups and videos through the Ultramock MCP server:
https://www.ultramock.io/features/ai-agents.

## Pages

- [Home](https://www.ultramock.io): Turn app, website and SaaS screens into polished images and motion for launches, marketing, websites and portfolios.
- [Product photography for software](https://www.ultramock.io/product-photography-for-software): Create product photography for software from real app, website and SaaS screens using controlled cameras, lighting, depth, devices and motion.
- [Animated device mockups](https://www.ultramock.io/animated-device-mockups): Create animated phone, tablet, watch, laptop and desktop mockups with camera movement, keyframes, lighting and browser-based video export.
- [3D app mockups](https://www.ultramock.io/3d-app-mockups): Stage app screens on 3D devices with controlled camera angles, lighting, depth, finishes and image or video export.
- [Video mockup generator](https://www.ultramock.io/video-mockup-generator): Turn screenshots and screen recordings into product videos with devices, keyframes, multi-shot timelines, text and transitions.
- [Free mockup video](https://www.ultramock.io/free-mockup-video): Make a free mockup video of an app or website on 3D devices in the browser, with exactly what a free export includes and what Pro adds.
- [App showcase video](https://www.ultramock.io/app-showcase-video): Create a focused app showcase video from real product screenshots and recordings for launches, presentations and portfolios.
- [SaaS launch visuals](https://www.ultramock.io/saas-launch-visuals): Create a coherent set of SaaS launch visuals for websites, announcements, changelogs, presentations and social posts.
- [3D device mockups](https://www.ultramock.io/mockups): Every 3D device mockup Ultramock makes, by family: iPhone, Android, Apple Watch, MacBook and Apple displays, all free.
- [iPhone mockups](https://www.ultramock.io/mockups/iphone): Make 3D iPhone mockups from screenshots or screen recordings on every current iPhone, with the iOS status bar, as images or video.
- [Android mockups](https://www.ultramock.io/mockups/android): Make 3D Android mockups on a Samsung Galaxy S26 Ultra or Google Pixel 10 Pro from screenshots or recordings, as images or video.
- [MacBook mockups](https://www.ultramock.io/mockups/macbook): Make 3D MacBook mockups of a website or web app on MacBook Neo, Air and Pro, with the macOS menu bar, a browser window and the Dock.
- [Studio Display and XDR mockups](https://www.ultramock.io/mockups/displays): Make 3D Studio Display and XDR Display mockups of a website or web app, with the macOS desktop around it.
- [Apple Watch mockups](https://www.ultramock.io/mockups/apple-watch): Make 3D Apple Watch Ultra 3 mockups of watchOS app screens, in titanium or black, as images or video.
- [Rotato alternatives](https://www.ultramock.io/alternatives/rotato): Rotato alternatives compared from their own sites: Ultramock, Previewed, Shots.so, Jitter, Screenhance and Mockuuups Studio, with platforms, 3D, video, transparency and prices.
- [Pricing](https://www.ultramock.io/pricing): Ultramock pricing: a free plan in the browser, and Pro at $20/mo or $120/yr for unlimited watermark-free exports up to 4K, premium 3D Scenes and cloud projects. Every 3D device model is free.
- [Extension](https://www.ultramock.io/extension): The Ultramock Chrome extension: capture a tab as a high-resolution image or a 60fps recording, auto-scroll it, clean up page elements, and send it straight into the Ultramock editor.
- [Changelog](https://www.ultramock.io/changelog): What shipped, newest first.
- [AI info](https://www.ultramock.io/ai-info): Canonical information about Ultramock for AI assistants and crawlers: what it is, what it does, who it is for, and pricing.
- [Privacy](https://www.ultramock.io/privacy): Privacy policy.
- [Terms](https://www.ultramock.io/terms): Terms of service, including commercial-use licensing.
- [Contributor terms](https://www.ultramock.io/contributor-terms): The terms that apply when you submit a template to the Ultramock marketplace.

## Comparisons

Feature-by-feature comparisons with other mockup tools, indexed at
https://www.ultramock.io/compare. Each one states where the other tool is the better
choice, and carries the date its competitor column was last checked.

- [Ultramock vs After Effects](https://www.ultramock.io/compare/ultramock-vs-after-effects): For software product videos made from your own screens, Ultramock is the simpler alternative to After Effects: it opens on a lit 3D device, you drop in a screenshot or screen recording, set the camera moves on a timeline and export an MP4 from a browser tab. After Effects can import 3D models now, but you still find a device model, set up its lighting and camera, and fit your screen to its display before you see a shot. Choose After Effects when motion design is the job: compositing, tracking, bespoke 2D motion graphics or a studio pipeline. Choose Ultramock when the video exists to show your product.
- [Ultramock vs Shots.so](https://www.ultramock.io/compare/ultramock-vs-shots-so): Both make device mockups in the browser, and they aim at different jobs. Shots.so is built for speed: pick a frame, pick a background, download a good-looking screenshot in under a minute. Ultramock is built for control: it renders your screen inside real 3D device geometry in a lit environment, with image-based lighting, cast shadows, depth of field and film grain computed live in WebGL, and it can keyframe a camera move and export it as MP4 video. If you want one good screenshot fast, Shots.so is the shorter path. If you want a shot that looks photographed, or a launch clip rather than a still, Ultramock is the one that goes that far.
- [Ultramock vs Rotato](https://www.ultramock.io/compare/ultramock-vs-rotato): Both tools render device mockups in 3D, but they are shaped around different workflows. Rotato is a mature mockup specialist with a native Mac app, a separate web version, 30+ device models, ready-made animation templates and professional video formats. Ultramock keeps the workflow in the browser and centres it on premium product visuals, with live lighting, effects, keyframed motion and high-resolution image and video exports. Choose Rotato when its wider catalogue, offline Mac workflow or ProRes output matters. Choose Ultramock when you want the more realistic result shown in the supplied comparison, a focused browser workflow and detailed creative control around the product itself.

## Blog posts

- [Product Hunt gallery images: sizes, order and what to show](https://www.ultramock.io/blog/product-hunt-gallery-images): The Product Hunt gallery size (1270 x 760), how many images to upload, the 240 x 240 logo, and how to plan a gallery that shows your product working, with a real example set.
- [The product slide: using mockups to present your interface clearly](https://www.ultramock.io/blog/mockups-in-pitch-decks): A practical guide to presenting your interface in a pitch deck, covering device choice, backgrounds, focus, motion, and export.
- [From one screenshot to a launch video](https://www.ultramock.io/blog/launch-video-from-one-screenshot): A focused way to turn one product screen into a short launch video: choose the camera move, shape the easing, build the sequence, and export for its destination.
- [Device mockups: what they are, and how to make one that looks real](https://www.ultramock.io/blog/device-mockups): A clear introduction to device mockups: what they are, where they help, flat versus 3D, and the details that make a product visual feel coherent.
- [Depth of field: the small detail that makes a mockup look photographed](https://www.ultramock.io/blog/depth-of-field): Depth of field can give a 3D mockup a more photographic sense of space. Learn what it is, how to shape it, and how to keep the interface clear.
- [How to make App Store screenshots that explain your app clearly](https://www.ultramock.io/blog/app-store-screenshots): A practical guide to App Store screenshots: plan the first frames, write clear captions, use current Apple sizes, and keep the whole set coherent.

## Notes

- Canonical host: https://www.ultramock.io
- The marketing overview lives at https://www.ultramock.io; https://www.ultramock.io/home always shows it, including when signed in.
- Open the editor at https://www.ultramock.io/editor. Signed-in visitors to the root are redirected there.
- Sitemap: https://www.ultramock.io/sitemap.xml