Live Mockups · online 3D editor
3D mockup generator,
animated in your browser.
386 3D scenes, lit and shot by our designers, ready to edit online in your browser. Turn the device, add your screen, export a video — nothing to install.
Works in your browser · Nothing to install · No card needed
Open EditorBig capabilities with minimal effort
Convenient and thoughtful interface
386 scenes and counting
Working hard on new scenes
Video export with transparency
In webm format
- Loading controls…
CRT screen effect
Stylize and add details
Custom backgrounds
Figma-like layered gradients
Loading controls…Realistic reflections
Easy to adjust on laptops
Blur
One spot sharp, the rest soft
Effects
Shape the look of your scene
Triggers for embeds
Click, hover, scroll, or cursor.
Loading controls…Your animation in an embed
Just copy the code
Loading controls…
Questions
What is the difference between Studio and Live Mockups?
Live Mockups is a library of 386 ready-made animated scenes, lit and shot by designers: pick one, add your screen, export or embed it. Studio is where you make the motion yourself — keyframes for the camera and the device on a timeline — starting from one of 83 presets.
Which devices are available?
Live scenes: iPhone 17 Pro, iPhone Air, iPhone 16 Pro, iPhone 16e, MacBook Air, MacBook Pro, MacBook Neo, MacBook, Nothing Phone (3) and iPad Pro. Studio mockups: iPhone 18 Pro in Hand, Studio Display, iPad Pro, Galaxy Tab S11 Ultra, Pixel Fold, iPad Pro KeyBoard, iPhone Duo, iPhone 18 Pro, MacBook Pro and iPhone 18 Pro Rock Crevice. New devices are added regularly.
Can I put a video on the screen?
Yes. A screen takes an image or a video up to five minutes long. In an embed the video streams, so it starts playing quickly.
How do I embed a mockup on my website?
Copy the embed snippet from the editor and paste it into Framer, Webflow or any HTML page. The scene can play on load, loop, or start on click, hover, scroll or when it comes into view, and the camera can follow the cursor. A light version appears right away while full textures load.
What can I export?
Videos and images at any size and aspect ratio. Scenes with a transparent background export as WebM with real alpha, so the clip sits on top of any page or edit. Long or heavy videos render on our GPU servers, so you don't have to keep the tab busy.
Do Live Mockups and 3d Studio work in the browser?
Yes. Both are online editors: open a scene in your browser, edit it and export it on the same page, with nothing to download or install.