Awesome WebMCP 🤖

A curated list of awesome resources, tools, demos, SDKs, articles, and projects for WebMCP (Web Model Context Protocol) — the new W3C browser-native standard that turns any website into structured tools for AI agents.

WebMCP lets websites expose navigator.modelContext.registerTool() (imperative) or declarative HTML attributes so AI agents can call real JavaScript functions with full context, auth, and speed. No more scraping or screenshots needed.

Early preview in Chrome 146+ Canary (Feb 2026). Polyfills + extensions work everywhere today.

⭐ Star this list if you're building the agentic web! Contributions & PRs always welcome.

Contents

• WebMCP Explained
• Try out WebMCP
• SDKs & Libraries
• Tools & Inspector Extensions
• Demos and Samples
• Frameworks
• Articles
• Blogs
• Videos
• Community
• Presentations & Testimonials
• Tutorials
• Websites
• Contributing & Support

WebMCP Explained

• Official Explainer for web developers
• W3C Spec Draft for implementers
• Chrome Early Preview Announcement (Feb 2026)

Try out WebMCP

• Chrome 146+ Canary → chrome://flags/#enable-webmcp-testing
• Join Chrome Early Preview Program
• MCP-B Browser Extension

SDKs & Libraries

• MCP-B — Complete open-source ecosystem (polyfill, React hooks, transports, iframe bridging).
  GitHub: WebMCP-org/npm-packages
• GoogleChromeLabs/webmcp-tools — Official demos + inspector
• LeanMCP SDK — TypeScript & Python decorators + managed edge deployment (OAuth, rate limiting, logs, analytics)

Tools & Inspector Extensions

• Model Context Tool Inspector — Official Chrome Labs tool (inspect + execute live)
• MCP-B Chrome/Edge/Firefox Extension — sidebar chat that discovers tools across tabs

Demos and Samples

• Music Composer — AI agents compose music tracks on a piano roll in real time.
  Open-source: Leanmcp-Community/music-composer-webmcp

• Super Mario Scenes — Generate infinite playable Super Mario levels on the fly.

• Excalidraw WebMCP — Draw and edit on a live Excalidraw canvas.

• Graphite Draw — Create vector artwork in real time.

• GoogleChromeLabs React Flight Search — Official travel booking demo

• MCP-B Live Tool Examples

• webmcp.dev Widget Demo

Frameworks

• React: @mcp-b/react-webmcp hooks
• Next.js / Remix: Register in _app or route scripts
• Angular / Vue / Svelte: Plain registerTool() or polyfill
• Ruby on Rails / Phoenix: Declarative form helpers
• See full examples: WebMCP-org/examples

Articles

• VentureBeat: Google Chrome ships WebMCP in early preview
• Forbes: Google Ships WebMCP — Backbone for the Agentic Web
• Search Engine Land: WebMCP explained — Inside Chrome 146

Blogs

• WebMCP: Making Every Website a Tool for AI Agents (Alex Nahas interview)
• WebMCP Explained for Product Teams

Videos

• WebMCP: Agents on the Web and in the Browser (Alex Nahas interview)
• Web AI Summit 2025: Don't let AI agents push your buttons — use WebMCP instead!
• The Rise of WebMCP — Sam Witteveen

Community

• W3C Web Machine Learning Community Group
• WebMCP Spec Repo
• MCP-B Discord
• LeanMCP Discord

Presentations & Testimonials

• W3C TPAC 2025 demo recording by Alex Nahas
• Web AI Summit 2025 talk by Khushal Sagar
• Music Composer Demo
• Super Mario Scenes Demo

Tutorials

• Chrome WebMCP — The Complete 2026 Guide
• MCP-B Full Documentation

Websites

• https://mcp-b.ai/
• https://webmachinelearning.github.io/webmcp/
• https://leanmcp.com/

Contributing & Support

• Fork & open PRs (especially more LeanMCP-style creative showcases!)
• See our Code of Conduct for community guidelines
• ⭐ Star: webmachinelearning/webmcp, WebMCP-org/npm-packages, LeanMCP/leanmcp-sdk, and the music-composer-webmcp repo
• Try the LeanMCP demos and share screenshots on X/Reddit with #WebMCP
• Build something? Add it here!

---

Made with ❤️ for the agentic web
Last updated: March 2026
License: CC0-1.0 — copy freely