AN IPHONE DUO STUDY
Good things happen together. Now with a little more space.
Or drag the hinge slider. Go on.
Drag around the phone to rotate · Click the screen to play
Joiner currently blocks iframe embedding. The screen is a local demo, not a live Joiner session.
A REAL BROWSER, IN 3D
The same iframe moves between the inner and outer display. Folding won’t reload it, so your place stays put.
joiner.com returns X-Frame-Options: DENY and frame-ancestors 'none'. This site respects those protections. Live mode will show a browser-blocked screen until Joiner permits this origin.
joiner.com
X-Frame-Options: DENY
frame-ancestors 'none'
HTTPS only. Other sites must also allow embedding. Third-party sign-in may require opening the site directly.
NOTES FROM THE WORKBENCH
An independent, procedural iPhone Duo study, inspired by Wes Bos’s Three.js experiment during GitHub Copilot Day. The shell is modeled from Apple’s published dimensions, not an official CAD model.
The titanium shell, hinge, glass, cameras, and lighting use WebGL. A CSS3D layer puts an actual interactive iframe on the glass. Unlike HTML-in-Canvas, this works with cross-origin pages that allow embedding, without experimental browser flags.
The screen fades during the hinge transition, then the same document is resized onto the other display. It is not a screenshot. With reduced motion enabled, transitions are instant.
Enable JavaScript for the 3D study. Open Joiner directly.
joiner