Animated device mockups for your product screens
Create animated phone, tablet, watch, laptop and desktop mockups with camera movement built around the interface you want people to notice.
Free to start in your browser. No account needed.
Made in Ultramock
Each of these started as a still screen or a short recording, then moved on a real 3D device in the editor.
Motion with a reason to be there
A useful animated mockup does more than rotate a device. It directs attention, creates pace and gives the product a setting that supports the screen.
Frame the useful detail
Set the camera around the part of the interface that carries the message, then use focus and depth to support it.
Move between clear views
Build camera movement with poses and keyframes, or use focus areas to create an auto-motion starting point.
Keep the product central
Control lighting, backgrounds and device finishes without turning the presentation into a distraction from the screen.
How it works
Start with a real product screen and build the movement around what you want the viewer to understand.
Add your screen
Upload or paste an image or video, or capture a browser tab with the Ultramock Chrome extension.
Choose the device and motion
Pick a device or Flat mode, set the composition, then animate camera controls across the timeline.
Export for the placement
Create a video for a launch page, product announcement, portfolio or presentation.
19 devices, all free
Every finish too. Pro adds the premium 3D Scenes, and Flat mode is there whenever a device is not the right frame.
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
Apple Watch Ultra 3
iPad Pro
iPad Air
MacBook Neo
MacBook Air 13"
MacBook Pro 14"
MacBook Pro 16"
Studio Display
XDR Display
HomeView
Control the presentation, not just the frame
The editor combines device staging and motion in one composition, so the screen, camera and setting can be judged together.
Devices and composition
Work across phones, tablets, watches, laptops and desktop displays, or remove the device with Flat mode when the interface should stand alone.
- Portrait, landscape and a range of composition ratios
- Camera tilt, roll, zoom, field of view and pan
- Device finishes and model-specific controls where available
Motion and finish
Shape movement in the same scene as the lighting, depth and effects that define the finished visual.
- Poses, keyframes, easing and multi-shot timelines
- Depth of field, lighting, colour and visual effects
- Text and logo layers for product-led sequences
Ultramock is simply the best way to showcase your product. It gives us a clean, professional finish without needing a motion designer or After Effects.
Start with the core motion workflow for free
Free includes the core editor, every 3D device model and five images and one video a week. Free video is watermarked, 1280 × 720 landscape and up to 30fps. Pro adds the premium 3D Scenes, watermark-free higher-resolution output, up to 60fps, transparent options and unlimited export count.
Questions, answered
Can I animate a screenshot instead of a screen recording?
Yes. A still image can sit on a 3D device or in Flat mode while the camera, device and scene move around it.
Do I need to animate every control by hand?
No. You can build motion directly with poses and keyframes, or mark focus areas and use auto-motion to create a camera move that you can refine.
Can I export an animated mockup with transparency?
Transparent moving output is a Pro option through VP9-alpha WebM. Chrome support is confirmed; support in other browsers varies.
Last updated
Give the screen a point of view
Bring in your product, choose the device and direct the movement around what matters.
Never miss an update
Get new features, release notes, and the occasional behind-the-scenes from Ultramock, straight to your inbox.