# 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

- **Website:** https://github.com/agentcathq/webmcp-react
- **Pricing:** unknown
- **Categories:** Developer Tools, AI Agents
- **Tags:** developer-tools, ai-agents, writing-content
- **Platforms:** Web, CLI
- **Last verified:** 2026-09-10
- **Canonical page:** https://linkrena.com/tools/webmcp-react

## About

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.

## Related tools

- [Tako VM](https://linkrena.com/tools/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.
- [Shelfprotocol](https://linkrena.com/tools/shelfprotocol): robots.txt for commerce — the open directory AI agents query before they buy - Signal-All/shelfprotocol
- [Confdiff](https://linkrena.com/tools/confdiff): Semantic, format-aware diff for config &amp; structured-data files (JSON, YAML, TOML, INI, .env, .properties, CSV, XML).
- [Experiential](https://linkrena.com/tools/experiential): An open source model gateway that provides one control plane across closed, open-source, local, and custom models.
- [Unitpost](https://linkrena.com/tools/unitpost): Email component library that works in Outlook, Gmail, and Apple Mail.
- [Markdown Gatekeeper](https://linkrena.com/tools/markdown-gatekeeper): Local-first authority layer for organizing Agent-facing Markdown - nanlogic/markdown-gatekeeper
