Free in the browser
A responsive page expands from the cover to the inner dual screen as you fold. Drop your own image or video, crop it, and export an MP4.
Custom media is painted on HTML canvas and mapped to the Duo inner and outer screens. The hinge is a live slider, not a GIF. Record exports the 3D view with your content still on the glass.
The page is the tool. Custom content is drawn on HTML canvas, mapped onto the Duo screens, and recorded in the browser.
Paste a website and it opens in an iframe on the glass — the page reflows from the cover to dual-screen width as you fold. Or drop a file and drag to crop.
The slider tracks 1:1 while you drag. Release and it springs to the open or closed rest from the current motion.
Record a fold cycle with your content on the screens and download a playable MP4. Nothing is sent to a render farm.
Use it when a screenshot on a still phone is not enough and you need the hinge to move with the story.
Show an app or site opening on a foldable, then export the shot.
Drop a vertical video, fold the device, and keep the same file for ads or social.
Put a design still on both screens without leaving the browser.
Stay on this page. Nothing to install.
Custom starts with a responsive page that expands as the phone opens. Drop an image or video to crop and place it.
Drag the slider. It follows your hand; release and it springs to open or closed.
Capture a fold cycle as MP4. The file is encoded in the browser.
Whenever a still device frame is too dead for the story.
Show a product UI opening on a foldable without a cinema render.
Drop a video, fold on the beat, export the shot.
Put a landing screenshot on both screens and ship a clip today.
Need a real-hand plate instead of a 3D mockup?
A phone mockup is a device-shaped frame that holds a screenshot, video or interface so the design is seen in context. Unlike a flat PNG overlay, a 3D mockup can change camera and hinge while the screen content stays mapped to the glass.
A foldable phone mockup is a device frame whose hinge angle is a live parameter. Closed, it shows the cover display; open, it shows the inner display. The same media can be letterboxed onto both screens as the angle changes.
Browsers treat another site’s pixels as private unless that site sends CORS headers. Drawing a cross-origin page onto a canvas would let a tool read those pixels. If the headers are missing, the honest path is to refuse the embed and accept an uploaded screenshot or video.
Cross-origin content is blocked from canvas unless the resource is served with CORS headers, to prevent a page from reading another site’s pixels.
MDN — CORS ↗WebCodecs lets a site encode canvas or VideoFrame input in the browser without sending frames to a server.
W3C WebCodecs ↗FAQ'S
Ask us anything!
Trim, convert and caption the MP4 with CutFast’s other browser tools.
