WebMCP

Angular v22 WebMCP Tools Explained

Angular v22 WebMCP Tools Explained

May 14, 2026

Angular v22 is experimenting with a new way to expose your app’s real capabilities to AI. Instead of letting models guess what's happening by scraping the DOM, we can now provide explicit, state-backed tools directly to the browser. This post walks through setting up WebMCP tools to bridge the gap between your Angular state and AI models like Gemini.