AR Quick Look
More actions
| AR Quick Look | |
|---|---|
| Information | |
| Type | Augmented reality viewer |
| Industry | Augmented reality |
| Developer | Apple Inc. |
| Operating System | iOS 12 and later, iPadOS, visionOS |
| License | Proprietary, built into the operating system |
| Supported Devices | iPhone, iPad, Apple Vision Pro |
| Release Date | September 17, 2018 (with iOS 12) |
| Website | https://developer.apple.com/augmented-reality/quick-look/ |
AR Quick Look is the built-in 3D and augmented reality (AR) viewer in Apple's operating systems. It displays USDZ models and Reality files, lets the user place them on real surfaces through the camera, and works from inside Apple's own apps, from web pages in Safari and from third-party apps, so no separate app has to be installed to view a model in AR.[1][2] Apple introduced it, together with ARKit 2 and the USDZ format, at the Worldwide Developers Conference on June 4, 2018, and shipped it with iOS 12.[3][4]
Apple's gallery page lists Safari, Messages, Mail, News and Notes among the built-in apps that use Quick Look to show USDZ objects in 3D on iPhone, iPad and Apple Vision Pro. It requires iOS 12 or iPadOS 12 or later, or visionOS 1 or later.[1] Retailers use it for "try before you buy" product previews, and since iOS 13.3 a web page can add an Apple Pay button or a custom action banner to the AR view.[2][5]
History
Introduction with iOS 12 (2018)
Apple announced ARKit 2 on June 4, 2018. In the same announcement it said that, in collaboration with Pixar, it was introducing usdz, an open file format based on Pixar's Universal Scene Description and "optimized for sharing in apps like Messages, Safari, Mail, Files and News". Apple wrote that "Using usdz, Quick Look for AR also allows users to place 3D objects into the real world to see how something would work in a space." ARKit 2 and usdz support were promised for the fall as part of a free update for iPhone 6s and later.[4] Popular Science reported that Apple also announced a partnership with Adobe to bring USDZ into Creative Cloud apps.[3]
The WWDC 2018 session "Integrating Apps and Content with AR Quick Look" (session 603), presented by David Lui and Dave Addey, described the viewer as a built-in way to display and share 3D content. It named six first-party apps that had adopted it: Files, Mail, Messages, Notes, News and Safari. AR placement was available on ARKit-compatible devices, and other devices got only the studio-style "object mode". The session also introduced the usdz converter, a command-line tool in Xcode 10 that converted OBJ, Alembic and USD files to usdz, and gave rough content guidance of about 100,000 polygons, about ten seconds of animation and one set of 2K physically based textures.[6]
Before the public release, Sketchfab published five preview models that iOS 12 beta users could open with "View in AR on iOS 12" buttons, and described itself as one of Apple's USDZ launch partners.[7] iOS 12 was released to the public on September 17, 2018.[8]
iOS 13 (2019)
At WWDC 2019 Apple presented "Advances in AR Quick Look" (session 612). AR Quick Look gained support for Reality files made with the new Reality Composer app, and for viewing several models at once through a nested USDZ file. Anchoring, which had been limited to horizontal surfaces such as tables and floors, was extended to walls, faces and known 2D images; face anchoring needed a TrueDepth front camera. Shadows became dynamic and rendered in real time. Apple listed camera grain on all ARKit-supported devices, HDR with tone mapping on A10X devices and later, and people occlusion using the Neural Engine on A12 devices and later. The viewer also now launched straight into AR. Apple said that because of this "websites and apps do not have access to the camera feed or any user activity." The session also announced a customizable call to action with direct Apple Pay support for later that year, and said Warby Parker would offer virtual try-on on its website once Apple Pay support and the new AR Quick Look features arrived.[9]
iOS 13 also added the ARQuickLookPreviewItem class for apps, which can turn off content scaling (the allowsContentScaling property) and share a canonical web page URL instead of the model file (canonicalWebPageURL).[10][11]
Shopping features (2020)
The banner styles (Apple Pay, custom action and custom HTML) became available on the web with iOS 13.3 on iPhone, iPad and iPod touch.[2] On February 13, 2020, TechCrunch reported that Apple had expanded Quick Look so retailers could add a purchase button that brings up an Apple Pay prompt, or a single other action such as starting a support chat, and that Home Depot, Wayfair, Bang & Olufsen and 1-800-Flowers were rolling out implementations. The same report said the latest developer builds added spatial audio, so a model could emit sound from its position in the room.[12] In the WWDC 2020 session "Shop online with AR Quick Look", Apple recapped that iOS 13 had brought vertical plane detection and face accessories with automatic face occlusion, and that the price parameter for a custom action became optional in iOS 14.[2]
Lighting update (2022)
In iOS 16 and later, AR Quick Look uses a new lighting environment with more brightness, contrast and visual definition. A USDZ file can request the classic or the new image-based lighting through a preferredIblVersion metadata value; if the value is missing, files created on or after July 1, 2022 get the new lighting. Apple's Reality Converter app and the usdzconvert tool can write this setting.[13]
visionOS (2023 onward)
At WWDC 2023 Apple described Quick Look as the system viewer for file-backed content on its spatial computing platform, now visionOS. "Windowed Quick Look" opens a model in its own window outside the app that presented it; the user can scale and place 3D content, and in SharePlay Quick Look syncs a model's orientation, scale and animations between participants. Web pages that already used AR links on iOS carry over with no extra work: on Apple Vision Pro, Safari opens the linked model in a new Quick Look window and respects options such as disabled content scaling.[14] At WWDC 2024 Apple added snapping of 3D models to horizontal surfaces such as a table or floor, and support for configurations (USDZ variants) that let a user switch, for example, between colors stored in one file. Apple said configurations also work on iOS and macOS and are synced between participants in a FaceTime call on visionOS.[15]
Features
Viewing modes and interaction
AR Quick Look places content on surfaces that ARKit detects in the room. Users move and scale objects with touch gestures and can share them through the iOS share sheet.[16] Besides AR mode there is an object mode that shows the model in a studio-like setting. The viewer adds a contact shadow itself, so Apple told creators not to bake shadows into models; a double tap resets the model to 100 percent scale.[6] From iOS 13 the viewer showed an animation scrubber for longer animations, allowed objects to be lifted with a two-finger swipe, and could record video to the Photos library.[9]
File formats
Content is supplied as a .usdz file or a .reality file. When a Reality Composer project (.rcproject) is placed in an app's Copy Files build phase, Xcode converts it to a .reality file at build time.[16] Apple's gallery includes plain USDZ models, models with variants, a model made with Object Capture, and animated Reality files made for the Apple TV+ series For All Mankind.[1]
Web embedding
A web page opens AR Quick Look by wrapping an image in a link to the model file:
<a rel="ar" href="model.usdz">
<img src="model-preview.jpg">
</a>
Writing on the WebKit blog in October 2018, Dean Jackson explained that the rel="ar" attribute stops Safari from navigating away and opens the 3D view directly, returning to the page when the user exits. The link must have a single child that is an img or picture element, Safari marks such links with a 3D cube badge, and scripts can detect support with relList.supports("ar"). Files must be served as model/vnd.usdz+zip; before iOS 12.2 Safari expected model/vnd.pixar.usd instead.[17] The same markup also works in a web view shown inside an app.[16]
Google's open-source model-viewer web component uses AR Quick Look as its "quick-look" AR mode on iOS. It can either link a separate USDZ file through its ios-src attribute or, by default, generate a USDZ file on the fly.[18]
At WWDC 2026 the Safari team presented the HTML model element, enabled by default in Safari on visionOS 26 since 2025, as coming to iOS, iPadOS and macOS. Wrapping a model element in an anchor with rel="ar" gives iOS and iPadOS users the full AR Quick Look experience.[19][20]
Banners and Apple Pay
Banner options are set with URL fragment parameters on the model link. applePayButtonType shows an Apple Pay button, callToAction shows custom button text, and checkoutTitle, checkoutSubtitle and price describe the item. The custom parameter loads an HTML banner, which must be an absolute HTTPS URL; AR Quick Look shows its content but ignores links or events inside it. customHeight sets the banner to 81, 121 or 161 points (small, medium or large), with a maximum width of 450 points. When the user taps the button, WebKit sends a message event with the value "_apple_ar_quicklook_button_tapped" to the link, and the page handles the purchase, for example through Apple Pay JS.[5]
App integration
Apps show AR Quick Look through the Quick Look framework's QLPreviewController, passing a supported file as the preview item. ARQuickLookPreviewItem is used instead when an app wants to block scaling or change what the share sheet sends.[16] On visionOS, existing uses of quickLookPreview in SwiftUI or QLPreviewController carry over from iOS apps.[14]
Supported platforms
| Platform | Support |
|---|---|
| iPhone and iPad | iOS 12 or iPadOS 12 and later; AR placement on ARKit-compatible devices, object mode only on others[1][6] |
| Apple Vision Pro | visionOS 1 and later; models open in separate Quick Look windows, where they can be scaled and placed[1][14] |
| Mac | Clicking a model in the gallery on a Mac downloads the USDZ file; ARQuickLookPreviewItem is available to Mac Catalyst apps from 13.1[1][11] |
Adoption and reception
In its 2020 shopping session Apple said that companies such as Home Depot, 1-800-Flowers and Wayfair had adopted AR Quick Look in their shopping experiences, and it played a statement from Bang & Olufsen that users who engaged with its AR experience were four times more likely to look up its store finder. These figures are company claims made in Apple's presentation.[2] Next Reality's Tommy Palladino compared the Apple Pay and custom action banners to Snapchat's shoppable AR and named 1-800-Flowers as one of the first retailers to use them, on its Valentine's Day bouquets.[21] Apple's gallery also lists web examples from The Metropolitan Museum of Art, Lamborghini and Bang & Olufsen.[1]
Current status
As of October 2026, AR Quick Look is part of iOS, iPadOS and visionOS. Apple's gallery, which also mentions the model element in Safari on visionOS 26, still offers USDZ and Reality file examples for iPhone, iPad and Apple Vision Pro, and the WWDC 2026 model element session continues to use rel="ar" links as the route into AR Quick Look on iPhone and iPad.[1][19]
See also
References
- ↑ 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 "AR Quick Look gallery". Apple Developer. Apple Inc.. https://developer.apple.com/augmented-reality/quick-look/. Retrieved 2026-10-11.
- ↑ 2.0 2.1 2.2 2.3 2.4 "Shop online with AR Quick Look (WWDC20 session 10604)". Apple Developer. Apple Inc.. 2020-06. https://developer.apple.com/videos/play/wwdc2020/10604/. Retrieved 2026-10-11.
- ↑ 3.0 3.1 Stan Horaczek (2018-06-15). "Apple and Pixar created a new file format for augmented reality on your phone". Popular Science. https://www.popsci.com/usdz-augmented-reality-apple-ios12. Retrieved 2026-10-11.
- ↑ 4.0 4.1 "Apple unveils ARKit 2". Apple Newsroom. Apple Inc.. 2018-06-04. https://www.apple.com/newsroom/2018/06/apple-unveils-arkit-2/. Retrieved 2026-10-11.
- ↑ 5.0 5.1 "Adding an Apple Pay Button or a Custom Action in AR Quick Look". Apple Developer Documentation. Apple Inc.. https://developer.apple.com/documentation/arkit/adding-an-apple-pay-button-or-a-custom-action-in-ar-quick-look. Retrieved 2026-10-11.
- ↑ 6.0 6.1 6.2 "Integrating Apps and Content with AR Quick Look (WWDC18 session 603)". WWDC Index. Nonstrict. 2018-06. https://nonstrict.eu/wwdcindex/wwdc2018/603/. Retrieved 2026-10-11.
- ↑ "View Sketchfab models with AR Quick Look on iOS 12". Sketchfab Blog. Sketchfab. 2018-09-12. https://sketchfab.com/blogs/community/view-sketchfab-models-with-ar-quick-look-on-ios-12/. Retrieved 2026-10-11.
- ↑ Jason Cross (2018-09-17). "iOS 12, tvOS 12, and watchOS 5 are now available". Macworld. https://www.macworld.com/article/3305809/ios/ios-12-tvos-12-and-watchos-5-are-now-available.html. Retrieved 2026-10-11.
- ↑ 9.0 9.1 "Advances in AR Quick Look (WWDC19 session 612)". Apple Developer. Apple Inc.. 2019-06. https://developer.apple.com/videos/play/wwdc2019/612/. Retrieved 2026-10-11.
- ↑ "canonicalWebPageURL - ARQuickLookPreviewItem". Apple Developer Documentation. Apple Inc.. https://developer.apple.com/documentation/quicklook/arquicklookpreviewitem/canonicalwebpageurl. Retrieved 2026-10-11.
- ↑ 11.0 11.1 "allowsContentScaling - ARQuickLookPreviewItem". Apple Developer Documentation. Apple Inc.. https://developer.apple.com/documentation/quicklook/arquicklookpreviewitem/allowscontentscaling. Retrieved 2026-10-11.
- ↑ Greg Kumparak (2020-02-13). "Apple expands 'Quick Look' to let retailers sell things directly in augmented reality". TechCrunch. https://techcrunch.com/2020/02/13/apple-expands-quick-look-to-let-retailers-sell-things-directly-in-augmented-reality/. Retrieved 2026-10-11.
- ↑ "Specifying a lighting environment in AR Quick Look". Apple Developer Documentation. Apple Inc.. https://developer.apple.com/documentation/arkit/specifying-a-lighting-environment-in-ar-quick-look. Retrieved 2026-10-11.
- ↑ 14.0 14.1 14.2 "Discover Quick Look for spatial computing (WWDC23 session 10085)". Apple Developer. Apple Inc.. 2023-06. https://developer.apple.com/videos/play/wwdc2023/10085/. Retrieved 2026-10-11.
- ↑ "What's new in Quick Look for visionOS (WWDC24 session 10105)". Apple Developer. Apple Inc.. 2024-06. https://developer.apple.com/videos/play/wwdc2024/10105/. Retrieved 2026-10-11.
- ↑ 16.0 16.1 16.2 16.3 "Previewing a Model with AR Quick Look". Apple Developer Documentation. Apple Inc.. https://developer.apple.com/documentation/arkit/previewing-a-model-with-ar-quick-look. Retrieved 2026-10-11.
- ↑ Dean Jackson (2018-10-10). "Viewing Augmented Reality Assets in Safari for iOS". WebKit Blog. https://webkit.org/blog/8421/viewing-augmented-reality-assets-in-safari-for-ios/. Retrieved 2026-10-11.
- ↑ "model-viewer documentation data (docs.json)". google/model-viewer on GitHub. Google. https://github.com/google/model-viewer/blob/master/packages/modelviewer.dev/data/docs.json. Retrieved 2026-10-11.
- ↑ 19.0 19.1 "Get started with the HTML Model Element (WWDC26 session 215)". Apple Developer. Apple Inc.. 2026-06. https://developer.apple.com/videos/play/wwdc2026/215/. Retrieved 2026-10-11.
- ↑ Brandel Zachernuk (2025-06-26). "A step into the spatial web: The HTML model element in Apple Vision Pro". WebKit Blog. https://webkit.org/blog/17118/a-step-into-the-spatial-web-the-html-model-element-in-apple-vision-pro/. Retrieved 2026-10-11.
- ↑ Tommy Palladino. "Apple Attacks Snapchat's Shoppable AR with Apple Pay Button & Other Custom Actions for AR Quick Look Content". Next Reality. https://mobile-ar.reality.news/news/apple-attacks-snapchats-shoppable-ar-with-apple-pay-button-other-custom-actions-for-ar-quick-look-content-0245644. Retrieved 2026-10-11.