Show both screen sizes at the same time 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%2Ff72717ac2fdac79cdddf58c5764405bc4f1737a2-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: Float Mockup
Step 1
Download Rotato and open Rotato on your Mac
Step 2
Select the iPhone + Macbook: Float 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%2Ff4c5a965fbd7c0416f9297e63b0a55f4ae7ef278-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%2F77e071f26e3e6e38efb5815de3d634976a079588-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%2F51910de39a07e4bf92cec0ed3218dd782943b80d-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%2F22ec9e5bfaaa6b5b6c84b7ec42e214b55b35f1eb-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%2F50e065d7e471db8390586aa53b120f5cedd0e43e-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%2F965f36fb4c8b047f6e206c94c9d45fd9237d9487-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%2F0cd6ad01be84ce9b27999900d477ef670a981939-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%2Ff72717ac2fdac79cdddf58c5764405bc4f1737a2-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%2F337f9df591baaa7faf3e7bdbb8f2da5f476f4a26-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%2F64f32856b821b5d7db96d8babc3b2e9a35476115-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%2Fbde3ad7b028714ad52a14ef73347f99b93e0300a-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.