MCPCat/webmcp-react

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

41
/ 100
Emerging

This helps web developers integrate their React applications with AI agents. It allows you to expose specific functions or features of your app as "tools" that an AI agent can discover and use. You define what data goes into a tool and what kind of output comes out, enabling agents to interact with your application's logic. This is for web developers who want their React apps to be controllable or extensible by AI systems.

Available on npm.

Use this if you are a React developer building web applications and want to enable AI agents to interact with your app's specific functionalities programmatically.

Not ideal if you are an end-user of a web application and not a developer, or if you are developing non-React applications.

AI-integration web-development React-framework agent-tooling developer-experience
Maintenance 10 / 25
Adoption 5 / 25
Maturity 20 / 25
Community 6 / 25

How are scores calculated?

Stars

14

Forks

1

Language

TypeScript

License

MIT

Last pushed

Mar 11, 2026

Commits (30d)

0

Dependencies

1

Get this data via API

curl "https://pt-edge.onrender.com/api/v1/quality/mcp/MCPCat/webmcp-react"

Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.