Browser-use MCP Client

What is Browser-use MCP Client?

Browser-use MCP Client is a modern React application that provides a user‑friendly interface for interacting with Model Context Protocol (MCP) servers through Server‑Sent Events (SSE). It is designed for developers who need a graphical client to connect to MCP servers, view real‑time responses (including screenshots from browser agents), and manage conversation history.

How to use Browser-use MCP Client?

Install dependencies with pnpm install, start the development server with pnpm dev, and run the proxy server with ./proxy/index.js. The application will be available at http://localhost:5173. You also need a running MCP server (the repository includes a Python example for browser automation) and Node.js v18+ with pnpm.

Key features of Browser-use MCP Client

• Real‑time SSE communication with MCP servers
• Clean, responsive UI with light/dark theme support
• Live screenshot preview from browser automation tools
• Persistent chat history with message threading
• Cancel in‑progress requests and clear chat history
• Easy server connection configuration

Use cases of Browser-use MCP Client

—

FAQ from Browser-use MCP Client

What are the prerequisites for running Browser-use MCP Client?

Node.js (v18 or later), pnpm as the package manager, and a running MCP server. For the example Python server, Python 3.8+ is also required.

What transport does the client use to connect to MCP servers?

The client connects to MCP servers via Server‑Sent Events (SSE).

How do I start the application after cloning?

Run pnpm install, then pnpm dev, and in a separate terminal start the proxy with ./proxy/index.js. The app opens at localhost:5173.

Does the client include an example MCP server?

Yes, the repository provides a Python‑based MCP server that uses browser-use for browser automation and Gemini as the LLM.

Are there any authentication or security features mentioned?

The README does not describe any authentication or security mechanisms.