A curated list of resources for WebMCP — the W3C browser-native standard that lets websites expose structured tools directly to AI agents via
navigator.modelContext.
WebMCP was launched as a W3C Draft Community Group Report on February 10, 2026 and shipped as an early preview in Chrome 146 Canary behind the chrome://flags/#enable-webmcp-testing flag.
- Official Resources
- Specification & Explainers
- SDKs & Libraries
- Chrome Extensions & DevTools
- Demos & Examples
- Tutorials & Guides
- Videos
- Articles & Blog Posts
- X (Twitter) Threads
- Platform Integrations
- Tools & Utilities
- WebMCP Early Preview – Chrome for Developers — Official Chrome blog announcing the early preview in Chrome 146 Canary.
- When to use WebMCP and MCP – Chrome for Developers — Official Chrome blog post explaining when to choose WebMCP (ephemeral browser interactions) versus MCP (persistent server-side needs).
- W3C WebMCP Spec — Official W3C Draft Community Group Report (Web Machine Learning Community Group).
- webmachinelearning/webmcp — The official spec repository on GitHub.
- WebMCP Inspector – Chrome Web Store — Official Chrome extension to test and inspect WebMCP tools on any page.
- WebMCP updates, clarifications, and next steps — Detailed update by Patrick Brosset (Microsoft Edge team), one of the spec co-authors.
- WebMCP: Official W3C Standard for AI Agent Browser Interaction — Community landing page with spec overview.
- WebMCP in 2026: Which Browsers Support navigator.modelContext? — Browser compatibility status overview on DEV Community.
- Choose the right AI protocol: WebMCP vs MCP — Chrome for Developers explanation of when to use WebMCP (ephemeral browser) vs MCP (persistent server-side).
- WebMCP-org/npm-packages — NPM packages for MCP-B: transport layers, React hooks, and browser tools for the Model Context Protocol.
- @mcp-b/react-webmcp — React hooks for exposing tools via WebMCP in React apps.
- @mseep/webmcp — Lightweight WebMCP implementation for the browser.
- MiguelsPizza/WebMCP — Bringing the power of MCP to the web; one of the early polyfill implementations.
- keak-ai/webmcp-core — Auto-generate WebMCP tool definitions for any existing website.
- GoogleChromeLabs/webmcp-tools — Official Chrome Labs tooling for WebMCP development.
- WebMCP – Model Context Tool Inspector — Inspect, monitor, and execute tools exposed via
navigator.modelContext; shows full JSON schema and lets you run tools from the DevTools panel. - beaufortfrancois/model-context-tool-inspector — Source code for the Model Context Tool Inspector Chrome extension.
- WebMCP-org/chrome-devtools-quickstart — Minimal quickstart demo for using Chrome DevTools MCP with WebMCP tools.
- Chrome DevTools (MCP) for your AI agent – Chrome for Developers — Official blog post introducing the Chrome DevTools MCP server that lets coding agents (Claude, Cursor, Copilot, Gemini) control and inspect a live Chrome instance.
- ChromeDevTools/chrome-devtools-mcp – GitHub — Official Chrome DevTools MCP server that gives AI coding assistants access to network analysis, console logs, performance tracing, and browser automation via Puppeteer.
- Web MCP: Browser MCP Service – Chrome Web Store — Chrome extension that exposes browser automation capabilities as an MCP server, enabling AI agents to control the browser directly.
- WebMCP-org/examples — Production-ready MCP-B browser-native MCP implementation examples.
- WebMCP-org/webmcp-sh — Web-based MCP playground for testing and developing MCP servers and clients in the browser.
- Halmob Contact Page – Live WebMCP Example — Real-world contact form with WebMCP implemented; AI agents on Chrome 146+ can discover and submit it via both declarative and imperative pathways.
- nearform/web-agents – GitHub — Agents in the browser combining WebMCP and Chrome's Prompt API to demonstrate how a local on-device model can interact with page-level WebMCP tools.
- WebMCP Tutorial: Building Agent-Ready Websites With Chrome's New Standard – DataCamp — Practical step-by-step tutorial covering both the declarative (HTML) and imperative (JS) APIs.
- How to Make Your Website Agent-Ready With WebMCP – ivanturkovic.com — Beginner-friendly walkthrough for making a website WebMCP-ready.
- How to make your website agent-ready with Google's Web MCP – LogRocket — Practical implementation guide from the LogRocket engineering blog.
- Test WebMCP Tools with Chrome Model Context Inspector – MCPcat — Guide to testing your WebMCP tool definitions using the inspector extension.
- How to Implement WebMCP: A Step-by-Step Guide with Best Practices for Chrome 146+ – Halmob — Practical Next.js walkthrough covering declarative HTML attributes, imperative
navigator.modelContext.registerTool(), manifest discovery, and common pitfalls.
- Wes Bos – 15-min WebMCP Explainer (X) — Quick video walkthrough of the proposal: exposing tools via HTML form attributes and JavaScript schemas.
- WebMCP is available for early preview – VentureBeat — In-depth coverage of Chrome 146 WebMCP early preview.
- WebMCP turns any Chrome web page into an MCP server for AI agents – The New Stack — Architecture-focused overview.
- WebMCP explained: How browser agents can call web tools without scraping the DOM – Scalekit — Deep-dive into the protocol design and comparison with DOM scraping.
- Chrome's WebMCP Early Preview: the end of "AI agents clicking buttons" – DEV Community — Developer perspective on why WebMCP matters.
- Chrome WebMCP: The Complete 2026 Guide to AI Agent Protocol – DEV Community — Comprehensive guide covering both APIs, use cases, and browser support.
- WebMCP: Making the Web AI-Agent Ready – DEV Community — Focused on practical integration for existing sites.
- WebMCP (Web Model Context Protocol): Agents are learning to browse better – Medium — Overview of the standard's benefits over vision-based browsing.
- Google AI Introduces the WebMCP – MarkTechPost — ML-focused coverage of the WebMCP announcement.
- WebMCP explained: Inside Chrome 146's agent-ready web preview – Search Engine Land — SEO & search perspective on how WebMCP affects discoverability.
- WebMCP: make your website agent-ready for AI in 2026 – Vydera — Business and visibility angle of adopting WebMCP.
- WebMCP Is Coming: How AI Agents Will Reshape the Web – ivanturkovic.com — Early analysis of WebMCP's broader implications for how AI agents will interact with the web.
- WebMCP: How Websites Will Expose Tools to AI Agents – Zuplo — API-developer perspective on WebMCP's tool-exposure model and how it compares to traditional REST APIs.
- WebMCP: Turning web pages into tools for AI agents – Nearform — Engineering deep-dive into turning frontend web apps into agentic tools with the declarative and imperative APIs.
- What Is WebMCP? A Practical Guide to the Web Model Context Protocol – Webfuse — Practical guide to understanding and implementing WebMCP on existing sites.
- Google Chrome Launches WebMCP in Early Preview for AI Agent Interactions – eWeek — Enterprise tech coverage of the WebMCP early preview launch.
- WebMCP: What It Is, Why It Matters, and What to Do Now – Semrush — SEO and digital-marketing perspective; explains why sites that adopt WebMCP early will have a compounding advantage in agentic search.
- Chrome Just Dropped Web MCP (and That's Kind of a Big Deal) – DEV Community — Hands-on developer reaction covering the architectural significance of WebMCP vs DOM-scraping approaches.
- Browser Run: give your agents a browser – Cloudflare Blog — Cloudflare's announcement of Browser Run (formerly Browser Rendering) with native WebMCP support for running AI agents against live Chrome beta instances.
- WebMCP Is AWESOME: Browser-Native Tools for AI Agents – Medium — Enthusiast overview of WebMCP's declarative and imperative APIs with practical examples.
- Chrome for Developers – Declarative API deep-dive 🧵 — Thread covering the HTML-based declarative API for form-based tasks.
- Maximiliano Firtman – Chrome 146 WebMCP flag walkthrough — Hands-on look at enabling and testing WebMCP in Chrome Canary.
- Liad Yosef – "WebMCP is here 🤯" — Developer reaction and analysis of how WebMCP complements MCP Apps.
- Carlos Azaustre – "Google acaba de meter MCP dentro de Chrome" — Spanish-language technical breakdown of
navigator.modelContext.registerTool(). - "MCP Servers Are Coming to the Web" – Philipp Schmid — Hugging Face TL explains how WebMCP brings server-side MCP ideas to the frontend without needing a separate server.
- Eiji Kitamura – Japanese overview of WebMCP APIs — Summary in Japanese of declarative and imperative APIs.
- Japanese deep-dive: ブラウザがMCPサーバーになる – Mojofull — Technical breakdown in Japanese of how WebMCP turns the browser into an MCP server and what it means for frontend engineers.
- Sheing Ng – 15-second demo + setup steps — Step-by-step: download Canary, enable flag, install extension, see it work.
- am.will – WebMCP controlling main Chrome instance — Demo of using WebMCP on a live, non-sandboxed browser session.
- Cloudflare Browser Run adds WebMCP support – Changelog — April 15, 2026 changelog entry: Cloudflare Browser Run gains WebMCP support, letting agents call
navigator.modelContextTesting.listTools()andexecuteTool()on WebMCP-enabled pages via a Chrome beta pool. - WebMCP – Cloudflare Browser Run docs — Official Cloudflare documentation for using WebMCP within Browser Run sessions; covers tool discovery, execution, and human-in-the-loop confirmations.
- WebMCP Checker — Free online tool to check if any website exposes WebMCP tools.
Contributions are welcome! Please read the contribution guidelines first.
