browser-use-mcp-client

This repository provides a React application for interacting with Model Context Protocol (MCP) servers via Server-Sent Events, featuring a user-friendly interface, real-time communication, and screenshot previews. This repository provides a

28
1

Browser-use MCP Client

A React application providing a user interface for interacting with Model Context Protocol (MCP) servers via Server-Sent Events (SSE).

📺 Demo

Demo Link

🚀 Features

  • Real-time Communication: Direct SSE connection to MCP servers.
  • Interactive UI: Responsive interface using React and Tailwind CSS.
  • Theme Support: Light/dark mode with system preference detection.
  • Screenshot Preview: Live browser screenshots from MCP server responses.
  • Message History: Persistent chat history with message threading.
  • Request Management: Cancel in-progress requests and clear chat history.
  • Connection Management: Server connection configuration.

📋 Prerequisites

  • Node.js (v18+)
  • pnpm (recommended)
  • Running MCP server
  • Python 3.8+ (for example server)

🚀 Getting Started

  1. Clone, cd into the repository.
  2. pnpm install
  3. pnpm dev
  4. ./proxy/index.js

Application available at http://localhost:5173.

💡 Usage

🤯 Example MCP Server

A Python-based MCP server example using browser automation is provided.

🤝 Contributing

Fork, branch, commit, push, and open a Pull Request.

📜 License

MIT License. See LICENSE file.

Repository

LI
Linzo99

Linzo99/browser-use-mcp-client

Created

March 6, 2025

Updated

March 27, 2025

Language

TypeScript

Category

Communication