Ever tried putting a screen recording video of a prototype onto a Photoshop mockup? We have. And we did not have a good time. So we built video support right into Rotato, making it as simple as using an image: simply drag and drop your video on the mockup and render your movie. It’s great for tutorials, too. 

Keep it simple by swapping out all the device materials to a matte, non-reflecting surface, resembling clay in any color you choose.

Immerse your mockup in your brand color, or find a color that matches the UI you’re showcasing. Rotato will suggest 5 preset colors based on your design, but you can choose any of the 1 billion available colors.

Wrap your designs in crisp 3D mockups in one click, right inside figma

Zooming in on a PNG or Photoshop PSD will reveal its true nature: it’s made of pixels! Rotato mockups are made of math, and you simply won’t see pixelation when you zoom the Rotato canvas. Rotato comes with an automatic macro lens, built right in. 

Make your showcase interesting with any background image, gradient, video or color you can imagine. Use the color picker in Rotato or drag your own video or image onto the background.

The real world has reflections on glossy and glassy surfaces. To achieve a new level of photo-realism, Rotato comes with dozens of reflection environments, built right in—and you can use your own, too.

Our users use Rotato mockups in all kinds of situations. When you export mockups with a transparent background, you can place other design elements below and on top of your mockup. And it works for videos, too.

The next level for photo-realism is something cameras have been doing for decades . Use depth of field to make elements stand out by adding a soft, DSLR-style blur to the background - and even foreground.

When you need text next to a mockup, why not make it 3D? Rotato’s labels follow the mockup in all three dimensions, and you can even use the Billboard Mode to make sure a label always points at the camera, ensuring readability, even during animations.

Express exactly the feeling of your app with this completely customizable iPhone 12 mockup device, optimized for giving the best possible first impression.


iphone-12

These mockups seemingly flow in mid air at night. When you need to draw all the attention to the screens, while maintaining a certain edge, this is a must-try mockup scene for Rotato.


4-iphone-12-mockups

These iPhones create a nice framing for a title slide in your next pitch deck. You can customize everything, including the background color and the color on the devices. Just drag your image or video on the mockup to change the screen contents.


4-iphone-12-mockups-floating

Two iPhone 12s back to back with a summery, warm orange background color, and matching device colors. You can customize everything in this scene, including the rotation. 


double-iphone-12-pro-orange

The classic blue iPhone 12 color in a 3D mockup


iphone-12-blue-mockup

Take your app design a step up the premium ladder with this golden iPhone 12 mockup with a vignette effect, making the whole scene soft and smooth. 


iphone-12-gold-vignette-mockup

The original spring green as seen in stores all over the world.


iphone-12-green-mockup

The official deep black iPhone 12 mockup, as seen in stores all over the world.


iphone-12-official-black-mockup

Get your edginess on with this glitchy RGB effect mockup. You can adjust the effect in the Lens tab in Rotato.


iphone-12-pro-glitchy-mockup

Go subtle luxury with these environment reflections that will adjust in real time when you rotate the mockup. Two simple rays of light interacts and plays with your design behind the phone's glass.


iphone-12-pro-silver-discrete

The well-known pale purple as seen everywhere on the globe. 


iphone-12-purple-mockup

iphone-12-red-mockup

This mockup scene will automatically adjust the edges to fade out the phone, avoiding hard cut-offs. Great for blurring the lines between page and image. 


iphone-12-silver-vignette-mockup

An iPhone 12 device frame floating in from the side. 


iphone-12-vignette-mockup

Simple, clay-style material mockup that lets you present your design on a phone, without the distractions from a real phone.


iPhone 12 mockup device

How to make your iPhone 12 Mockup

Step 1

Step 2

Step 2

When we say drag and drop, we're dead serious.

Insane speed or jaw-dropping quality? Why not both?

100% customizable. 110% awesome.

iPhone 12 Templates

4 iPhone 12 Mockups

4 iPhone 12 Mockups Floating

Double iPhone 12 Pro Orange

iPhone 12 Blue Mockup

iPhone 12 Gold Vignette Mockup

iPhone 12 Green Mockup

iPhone 12 Official Black Mockup

iPhone 12 Pro Glitchy Mockup

iPhone 12 Pro Silver Discrete Full Mockup

iPhone 12 Purple Mockup

iPhone 12 Red Mockup

iPhone 12 Silver Vignette Mockup

iPhone 12 Vignette Mockup

iPhone 12 White Clay Mockup

Everything you need to make slick mockups for your showcases

iPhone Mockups

Macbook Mockups

iPad Mockups

Monitor Mockups

Watch Mockups

All Mockups

Still Got Questions?

Do I need Photoshop or other apps?

Will it work with Figma, Sketch, Adobe XD?

Where can I use this mockup?

Rotato

Explore

About

Help