Make 3D Studio Display mockups of your website
Show your site or web app on an Apple Studio Display or an XDR Display in 3D, with the macOS desktop around it when you want it, then export images or video.
Free to start in your browser. No account needed.
- Every device is free. Both desktop displays, and the other 17 devices, in every finish.
- Start from a template. The video above is the free Blackout template with public websites playing on its screen. Open it and drop in yours.
- Export what you need. Watermarked 1280 × 720 video free with a free account (1 a week, up to 12 seconds), or up to 3,840 px on Pro.
Show a whole page at a size people can read
Each still here shows a public website on a 3D display, rendered in Ultramock. The sites are examples, not customers.
A desk-sized screen. Large enough to show a whole page with its text readable, stand and all.
Studio Display or XDR. Two Apple displays with different stands and proportions, both free to use.
With or without the desktop. Let your page fill the screen, or add the menu bar, a Safari window and the Dock.
How it works
Bring a screenshot of your site at desktop size. Ultramock puts it on the display; you choose the desktop around it.
Your screen
Upload a desktop screenshot, or capture any site with the Ultramock Chrome extension.
On a display
Pick the display, add the menu bar, Safari window or Dock, then export a still or a video.
More than a device mockup
Start from an art-directed template instead. Put your screen recording in Rock MacBook or Slab Macro and export a video that looks shot in a studio. Both templates are free.
2 desktop displays, all free
Every finish too. Pro adds the premium 3D Scenes, and Flat mode is there whenever a device is not the right frame.
Studio Display
XDR Display
The right screen size
Upload at these sizes and your screen fills the device edge to edge. They are the sizes the editor suggests when you pick a model, for screenshots and screen recordings alike.
| Model | Upload size | Shape |
|---|---|---|
| Studio Display | 5,120 × 2,880 px | Landscape |
| XDR Display | 6,016 × 3,384 px | Landscape |
What you can export
Free covers the whole editor with watermarked exports. Pro removes the watermark and the export limit, and raises the size and frame rate.
| Export | Free | Pro |
|---|---|---|
| Exports | 5 images and 1 video a week, with videos up to 12 seconds. Video needs a free account | Unlimited |
| Watermark | A small Ultramock mark in the bottom-left corner | None |
| Still images | JPG, PNG or WebP, up to 1,920 px on the longest edge | Up to 5,120 px on the longest edge, including custom sizes |
| Video | 1280 × 720 landscape, up to 30 fps | Up to 3,840 px on the longest edge (4K), in landscape, portrait or square, up to 60 fps |
| Transparency | Not included | Transparent PNG and WebP, and WebM video with an alpha channel in Chrome (other browsers vary) |
Ultramock has massively helped with the speed and quality of our feature releases. Before Ultramock, we could only produce high quality visuals for the most important features. Now, we can produce beautiful product visuals in a fraction of the time.
Use a desktop-sized screenshot
A capture at 1920 pixels wide or more keeps text sharp on a display this size; a phone-sized screenshot will look small and soft.
Questions, answered
Which displays are included?
The Apple Studio Display and the XDR Display. Both are free to use.
Can I show my site in a browser window?
Yes. Turn on the Safari window and type your address; add the macOS menu bar and the Dock for the whole desktop.
Last updated
Make your first Studio Display mockup
Drop in a screenshot, pick a display and export. No account needed to start.
Never miss an update
Get new features, release notes, and the occasional behind-the-scenes from Ultramock, straight to your inbox.