Macbook with iPhone pointing to the side 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%2Fcb0750e8478d11aae40555357e2cd85eda575891-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: Side Mockup
Step 1
Download Rotato and open Rotato on your Mac
Step 2
Select the iPhone + Macbook: Side 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%2F08e714b2096a8bf728bdffc3561f9f9e201dabe6-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%2F595dc91b3b3fa3001bb2f1f3ef0cfb0e6b3d74c0-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%2F671ef5646be84389859106125fb8d009756dcad3-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%2F5bd4c7d564f1de9453aedff546b81bd5677bc05b-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%2F91934a36761aa6b7aa7594c52cba8dc22a8de4be-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%2F2824d82cd36dafb02214cc81b5f62227b752a18e-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%2F0cb33e24a8f50436cd8ee93d11c0312221a179d1-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%2F6a55f9bd0bbfddae65f8a3214d1e725d59500229-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%2Fdb0aa1a1f4e6a5e1f46cd670320c3579e5a7f48d-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%2Fcb0750e8478d11aae40555357e2cd85eda575891-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.