Skip to content

Webmcp React

React hooks for exposing your app's functionality as WebMCP tools - transport-agnostic, SSR-safe, Strict Mode safe, W3C spec-aligned - agentcathq/webmcp-react

Webmcp React screenshot

About Webmcp React

Experimental. WebMCP is still evolving, so small API and behavior changes should be expected.

Zod-first. Define inputs with Zod and get full type inference in handlers

JSON Schema fallback. Pass raw JSON Schema when you don't want Zod

Built-in polyfill. Uses a lightweight polyfill when native WebMCP is unavailable

A fully playable Wordle clone that showcases webmcp-react hooks. Tools dynamically register and unregister as the game moves through phases (idle, playing, won/lost), and guesses can be made via keyboard or through a connected MCP agent. Includes a DevPanel for inspecting tool state and an easy-mode toggle that enables a hint tool. Install the Chrome extension to bridge tools to AI clients like Claude and Cursor.

This repo ships with agent skills that can set up webmcp-react and scaffold tools for you. Install them with the skills CLI :

This library provides React bindings for that API. <WebMCPProvider> installs a polyfill (skipped when native support exists), and each useMcpTool call registers a tool that agents can discover and execute.

Once Chrome supports this bridging natively, I'll deprecate the extension.

Discussion

Sign in to join the discussion.

Loading comments…

Tagged

Alternatives to Webmcp React

Tools in the same space, ranked by how they are performing in the directory.

Compare all
  • Tako VM

    Tako VM is a secure file system and Python execution layer for AI agents: gVisor-isolated Docker containers with job queues, workers, retries, and replay.

    /Developer Tools
  • Shelfprotocol

    robots.txt for commerce — the open directory AI agents query before they buy - Signal-All/shelfprotocol

    Paid/Developer Tools
  • Confdiff

    Semantic, format-aware diff for config &amp; structured-data files (JSON, YAML, TOML, INI, .env, .properties, CSV, XML).

    /AI Agents
  • Experiential

    An open source model gateway that provides one control plane across closed, open-source, local, and custom models.

    Open source/Developer Tools
  • Unitpost

    Email component library that works in Outlook, Gmail, and Apple Mail.

    Subscription/Developer Tools
  • Markdown Gatekeeper

    Local-first authority layer for organizing Agent-facing Markdown - nanlogic/markdown-gatekeeper

    /Developer Tools