Skip to main content
These tutorials guide you through small, working projects. Start with the first tool tutorial if you have not used WebMCP before.

Build your first tool

Register one WebMCP tool on a plain HTML page and verify the result.

Build your first React tool

Register a tool from a React component with the useWebMCP hook.

Connect a desktop agent

Connect a browser tool to a desktop MCP client through the local relay.
The first two tutorials need a text editor and a modern browser. The relay tutorial also requires Node.js 22.12 or later. When you need directions for an existing project, open the how-to guides. For package APIs, open the package index.