-
What’s new in WebKit for Safari 27
Explore what's new in WebKit — from Grid Lanes and Customizable Select, to HTML Model and Immersive Environments, and the latest for Web Extensions. You'll also discover the work behind over 1,000 browser engine improvements that make the web more reliable.
Chapters
- 0:00 - Introduction
- 1:07 - A year of quality improvements
- 9:06 - CSS Grid Lanes
- 10:06 - Customizable Select
- 11:24 - HTML Model element
- 12:51 - Immersive Website Environments
- 13:38 - Web Extensions
- 15:18 - MapKit JS
- 15:40 - Next steps
Resources
- WebKit.org - CSS Grid Lanes Field Guide
- Packaging and distributing Safari Web Extensions with App Store Connect
- WebKit.org – Report issues to the WebKit open-source project
- Learn more about MapKitJS
- Safari Technology Preview
- Submit feedback
Related Videos
WWDC26
-
Search this video…
-
-
- 0:00 - Introduction
See what Safari 27 brings to the web platform including a focus on the quality and a quick tour of new features.
- 1:07 - A year of quality improvements
Learn how the WebKit team prioritized quality this year, shipping over 1,100 fixes and improvements. Covers five themes: compatibility (illustrated by an emoji input bug), rebuilding foundations like block-in-inline layout, going deep on areas like SVG, aligning with the latest web standards, and improving how features integrate together.
- 9:06 - CSS Grid Lanes
Create masonry-style layouts in pure CSS with Grid Lanes, shipped in Safari 26.4. See examples of what’s possible.
- 10:06 - Customizable Select
Style the
- 11:24 - HTML Model element
Embed 3D models into a web page using the HTML
element, now coming to iOS, iPadOS, and macOS in Safari 27. Learn what can be accomplished with HTML attributes, JavaScript, and AR Quick Look. - 12:51 - Immersive Website Environments
In visionOS 27, the
element can launch into a full immersive environment using a new Immersive API modeled on the Fullscreen API. See use cases like previewing an immersive game or viewing a theater from your seat. - 13:38 - Web Extensions
Today, you can build one cross-browser web extension and distribute it everywhere, including to Safari users. It’s now easier than ever with Safari Web Extension Packager. Submit via App Store Connect from any browser on any operating system — no Mac or Xcode required.
- 15:18 - MapKit JS
Embed privacy-preserving interactive maps on your website with MapKit JS, which works across all browsers and operating systems.
- 15:40 - Next steps
Visit webkit.org for the latest Safari release information, watch related WWDC sessions to go deeper on specific topics, and file issues at bugs.webkit.org.