The story ·
Safari Lets a 3D Object Sit in a Page Like a Photograph
Safari 27, released in September for iPhone, iPad and Mac, can show a 3D object, such as a shoe, a chair or a bottle, placed in a web page as simply as a picture. Where the site allows it, the visitor can turn the object round with a finger or the mouse.
The new piece of HTML is called <model>. The WebKit team, which builds Safari, describes it as “a lot like video, audio, and img — this time embedding a 3D model in the page.” It first appeared a year ago on Apple’s Vision Pro headset, and Safari 27 brings it to the iPhone, the iPad and the Mac.
Until now, an object a visitor could turn on a web page usually meant a separate program running inside a blank rectangle on the page, drawing the object again many times a second. With <model>, the browser draws it itself, the way it already shows a photograph or plays a video. A designer places it in the layout like an image and gives it a width and a height.
The look of the object is in the designer’s hands. A site can supply an environment map: a picture of surroundings whose light falls on the object, so the same leather boot can be lit like a bright shop window or a dim studio. On screens that show extra-bright highlights, the site can also decide how bright the object’s highlights are allowed to go. A setting called stagemode decides how the visitor handles it; set to orbit, it lets them spin the object round and look at it from every side.
An object can be offered in two file formats at once: USDZ, the format Apple uses for 3D, and glTF, an open format kept by the Khronos Group, a standards body for graphics. The browser picks the first one it can show, the same way a page can offer a video in more than one format.
Chrome and Firefox do not support the element yet. The draft standard for it, written in the W3C’s Immersive Web group, shows how a site places an ordinary picture inside the element for browsers that cannot show the object. Those visitors see the photograph; Safari visitors get the object itself.
Sources: WebKit: Features for Safari 27.0, W3C Immersive Web: The model element (draft), Apple WWDC26: Get started with the HTML Model Element, MDN browser compatibility data: model, Khronos Group: glTF.