Safari 27 New Features: MCP Server, Styleable Select
Looking for the safari 27 new features that actually matter? My honest pick is just below — one of these changes is far bigger than the rest, and it’s not the one Apple led with.
Short answer:
Safari 27.0 shipped on 17 September 2026, per the official WebKit release post.
The headline for AI builders: an official built-in MCP server, so agents like Claude and Codex can drive a real Safari window.
Real select elements are now fully styleable — no more rebuilding dropdowns out of divs.
Scroll anchoring stops content jumping when late-loading elements appear above the viewport.
The new model element embeds interactive 3D models on iOS, iPadOS and macOS.
Safari 27 New Features at a Glance
Apple released Safari 27.0 on 17 September 2026, and the official WebKit post reads like two releases stapled together: a long-awaited set of CSS and HTML wins for web developers, and one genuinely strategic move for the AI-agent era. Here’s the map:
Feature
What it does
Who should care
Built-in MCP server
AI agents drive and inspect a real Safari window
Agent builders, QA, agencies
Customisable select
Real select elements become fully styleable
Front-end developers, designers
Scroll anchoring
Stops content jumps from late-loading elements
Publishers, e-commerce, UX teams
model element
Interactive 3D models embedded in pages
E-commerce, product and education sites
The Big One: A Built-In MCP Server for AI Agents
The feature I’d rank first: Safari 27 ships an official MCP (Model Context Protocol) server, built on safaridriver and run via /usr/bin/safaridriver with the --mcp flag. Enable it under Safari > Settings > Developer > “Allow remote automation and external agents” and any MCP-capable agent — the WebKit team names Claude and Codex, with others supported through a standard mcp.json config — gets DOM access, network requests, screenshots and console output from a live browser window.
Apple’s privacy framing is unambiguous: “The MCP server runs entirely on your local machine. It makes no network calls of its own. It does not have access to your personal information in Safari.” That’s a first-party vendor shipping agent access as a supported feature rather than leaving it to third-party hacks — the same direction of travel I’ve been tracking with managed MCP servers in Claude Code and tools like Surfer’s MCP.
🔥 Want this set up without the guesswork? Inside the AI Profit Boardroom we break down agent-ready browser workflows — deciding which Safari 27 capabilities and MCP servers belong in your stack on live calls — 3,700+ members, four live calls per week, daily tutorials, done-for-you templates and a 30-day roadmap.
Customisable Select: A Decade-Old Complaint, Fixed
Every front-end developer has lived this: the design calls for a styled dropdown, the native <select> won’t cooperate, and someone rebuilds the whole control out of divs — losing keyboard support, mobile behaviour and accessibility in the process. Safari 27 makes real <select> elements fully styleable, with new user-agent defaults to build on.
The quiet win here is accessibility: when developers can style the native control, they stop replacing it, and users keep the semantics that screen readers and search engine crawlers rely on. Fewer div-dropdowns is genuinely good news for the web.
Scroll Anchoring and the 3D Model Element
Scroll anchoring fixes the jump: you’re reading, an ad or image finishes loading above the viewport, and the page lurches. Safari 27 now anchors your scroll position so late-loading content doesn’t shove the page around. If you run a content site, this directly improves the reading experience your visitors get — and layout stability is exactly the kind of thing Google’s page-experience signals were built to reward.
The <model> element brings interactive 3D model embedding to pages on iOS, iPadOS and macOS. For e-commerce and product sites, that’s “spin the product around” without a heavyweight third-party viewer. It’s early, but it’s the sort of primitive that new content formats get built on.
What Safari 27 New Features Mean for SEO and AI Search
Here’s my angle as an SEO: the MCP server quietly lowers the cost of technical quality. Accessibility issues like missing labels and improper ARIA attributes, broken checkout flows, slow-loading resources — these are the unglamorous problems that lose rankings and conversions, and they mostly go unfixed because testing them is tedious. When your agent can load the page in a real Safari window, run the accessibility pass, read the navigation timing and hand you the fix, “we’ll get to it” becomes a same-day job.
Add scroll anchoring’s layout stability and native styleable selects keeping semantics intact, and Safari 27 is a browser release that mostly pushes the web towards the things search engines — and increasingly AI answer engines — reward. This is exactly the sort of workflow-level change we build systems around in the AI Profit Boardroom, and if you want a personal walkthrough of what it means for your site, book a free SEO strategy session.
The Bottom Line on Safari 27 New Features
Safari 27, released 17 September 2026, is two stories in one. For front-end developers, it clears long-standing annoyances: styleable selects, scroll anchoring, 3D models in the page. For the AI era, it’s a milestone: the first time a major browser vendor shipped a built-in, officially supported MCP server for AI agents.
If you only act on one thing from this release, wire the MCP server into your agent and make Safari testing part of your automated workflow. The rest of the release makes your site nicer; that one changes how you work.
FAQ: safari 27 new features
When was Safari 27 released?
Safari 27.0 shipped on 17 September 2026, per the WebKit team’s official release post.
What is the Safari 27 MCP server?
An official, built-in Model Context Protocol server that lets AI agents like Claude and Codex drive and inspect a real Safari window — DOM, network requests, screenshots and console output — running entirely on your local machine.
Can I finally style select elements in Safari?
Yes. Safari 27 makes real select elements fully styleable with new user-agent defaults, so custom dropdowns no longer require rebuilding the control from divs.
What is the model element?
A new HTML element for embedding interactive 3D models directly in a page, available in Safari 27 on iOS, iPadOS and macOS.
Is the MCP server on by default?
No. You have to enable it manually under Safari’s Developer settings via “Allow remote automation and external agents” — and the Developer pane itself first needs “Show features for web developers” ticked under Advanced.
Do Safari 27 new features change anything for SEO?
Indirectly, yes. Agent-driven accessibility and performance testing makes it cheaper to fix exactly the issues — broken layouts, missing labels, slow resources — that drag down rankings and AI-search visibility.
Next steps: if you want help putting Safari 27 and agent-driven testing to work in your business, join the AI Profit Boardroom — 3,700+ members, four live calls per week, daily tutorials and done-for-you templates — or book a free SEO strategy session and we’ll build your plan together.
About the author
Julian Goldie is an SEO agency owner with 10+ years in SEO, 394K+ YouTube subscribers, a 100% Upwork job-success score, 75K+ community members across his groups, and the author of a best-selling SEO book. For agency work, book a call for a custom quote.
