WWDC26: Get started with the HTML Model Element | Apple

Learn how the model element brings interactive 3D content to your websites — now on iOS, iPadOS, macOS, and visionOS. Discover tools for creating and optimizing 3D assets. Explore model element’s features and see how web standards are shaping the future of 3D on the web. Explore related documentation, sample code, and more: WebKit.org - Theater Ticket Sales immersive website environment demo for Apple Vision Pro: https://webkit.org/demos/model-demos/... The HTML model element in Apple Vision Pro: https://webkit.org/blog/17118/a-step-... WebKit.org – Report issues to the WebKit open-source project: https://bugs.webkit.org AOUSD – Alliance for OpenUSD: https://aousd.org w3.org – Model element: https://immersive-web.github.io/model... Submit feedback: http://feedbackassistant.apple.com GitHub: model element samples: https://immersive-web.github.io/model... Explore immersive website environments in visionOS: https://developer.apple.com/videos/pl... What’s new in USD and MaterialX: https://developer.apple.com/videos/pl... What’s new for the spatial web: https://developer.apple.com/videos/pl... What’s new in WebKit for Safari 27: https://developer.apple.com/videos/pl... 00:00 - Introduction 02:22 - Prepare the USDZ model asset 04:18 - Loading and fallbacks 06:14 - Model background 06:48 - Interactions 08:26 - Transition animation 10:08 - Animation playback 10:52 - AR and spatial 12:29 - Optimize assets for production 14:53 - Next steps More Apple Developer resources: Video sessions: https://apple.co/VideoSessions Documentation: https://apple.co/DeveloperDocs Forums: https://apple.co/DeveloperForums App: https://apple.co/DeveloperApp