iPhone next to a Macbook Mockup
Most websites today are responsive and automatically adjust to the current screen size. But how do you show both a mobile and a laptop in one image or video? Here’s a mockup scene that shows both a phone and a laptop at the same time.
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2F9625752d26e511ff8c5e89dfe8cc34decdcfd6a0-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D1000%26h%3D1000%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
How to make your iPhone + Macbook: Down Mockup
Step 1
Download Rotato and open Rotato on your Mac
Step 2
Select the iPhone + Macbook: Down mockup and drag your image or video file onto it
Step 2
Render a photo or video in seconds
100% customizable. 110% awesome.
Click any photo to view a larger size. Each of these took less than a second to render—even those with depth of field. That means more iterations and leveled-up deliverables.
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2F4bbf59637055be6a061946e9da3eecb32ee499a0-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D200%26h%3D200%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2Fa295b77e4ccf1cbf8c4168d257bd9d0fe3831357-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D200%26h%3D200%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2F404f3a7c2ee6c7c882843a01e4cc472dda6a32d1-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D200%26h%3D200%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2F367b5f5096c5793007a1312a41f584dd71afb10f-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D200%26h%3D200%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2F41bded01c16e90009c9685a501ce73acb7c85252-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D200%26h%3D200%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2F3d10494b342106be4238dfa3fc5ff52ece112fca-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D200%26h%3D200%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2F23418327b86a2deb5373301faedd14f48f4ac411-3840x2160.png%3Frect%3D840%2C0%2C2160%2C2160%26w%3D200%26h%3D200%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
When we say drag and drop, we're dead serious.
Got 65 seconds? Let's 1. import a design, 2. find an angle, 3. export a snapshot, import a landscape mockup, export that one, too, then import a video, create an animation, and render an entire movie.
![Apple Silicon M1 logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fm1.f8dd1c77.png&w=3840&q=75)
Insane speed or jaw-dropping quality? Why not both?
Rotato renders millions of pixels per second, up to 10 times faster than cloud-based solutions, thanks to our direct integration with Metal Layer 2. For you, that means no cost-per-render, and faster iterations, and that means better results.
Everything you need to make slick mockups for your showcases
Unlimited free trial. No credit card. No usage limits. Private and secure.