Animated device mockups
Put your product screens in motion
Create animated phone, tablet, watch, laptop and desktop mockups with camera movement built around the interface you want people to notice.
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 shots 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.
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.
- Shots, keyframes, easing and multi-scene timelines
- Depth of field, lighting, colour and visual effects
- Text and logo layers for product-led sequences
Start with the core motion workflow for free
Free includes the core editor, basic 3D models and a limited shared export allowance. Free video is watermarked, 1280 × 720 landscape and up to 30fps. Pro adds the wider device and scene library, 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 shots 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 or a PNG sequence. Chrome support is confirmed; support in other browsers varies.
Explore another route
Start with the page closest to what you need to make. Each one focuses on a different outcome or workflow.
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.