The web, callable.

WebMCP demo & playground.

Explore what an agent can do on your website. Run a tool, inspect the result, and watch the page change.

Commerce Travel Customer support Healthcare Real estate SaaS operations

Checking browser support…Browser setup

Commerce playground

Fictional data

NORTH / SUPPLY

Find your everyday carry.

Search a catalog, check inventory, and build a demo cart with the same functions an agent can call.

4 resultsShared page state

Everyday backpack

22L · Recycled canvas

backpack

$89

Steel water bottle

750ml · Insulated steel

bottle

$28

Travel organizer

Compact · Three compartments

organizer

$34

Studio headphones

Wireless · Out of stock

headphones

$129

Demo cart

Local only

Your cart is empty. Add a product to see shared state in action.

Tool inspector5 tools

Filter the visible demo catalog by search text and maximum USD price. Does not place an order.

Arguments

Schema

Code

Last result

// Run a tool to inspect its result.

Run tool calls the local handler directly. Native agent calls appear as “Native WebMCP” in the trace.

Try a complete workflow

Find products under $100, add a backpack, then prepare checkout.

Execution trace0 calls

Newest first. Example workflows are deterministic scripts, not LLM conversations.

No calls yet.

One set of functions. A shared interface for people and agents.

Start exploring

Complete journeys.
Real interaction patterns.

Practice with fictional data in your browser. Each playground has its own rules, state changes, and intentional errors.

Browse every playground

New to WebMCP?

Learn how websites expose actions through structured tools, and how that differs from a remote MCP server.

Read the introduction

Connect a supported agent

The local runner works immediately. Native tools need a supported browser or agent environment.

Check browser setup