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 tutorials need a text editor and Chrome or Edge 126+, Firefox 126+, or Safari 18+. The React and relay tutorials also require 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.