What is MCP Web Client?

MCP Web Client is a web‑based client for the Model Context Protocol (MCP) that lets you create and manage advanced Chatbot applications. Built with a Node.js backend (Express) and a Next.js/React frontend, it integrates with backend MCP servers via Server‑Sent Events (SSE). It is designed for developers who need a lightweight, real‑time tool to manage multiple Chatbots and connect to custom MCP servers.

How to use MCP Web Client?

To set up the development environment, clone the repository, install frontend and backend dependencies using pnpm install, and configure the required .env files based on the provided examples. Start the application with docker-compose up from the project root and open your browser at http://localhost:3000. This launches both the frontend and backend services.

Key features of MCP Web Client

- Manage multiple Chatbots through Dify integration.
- Connect to multiple MCP servers via SSE using supergateway.
- Real‑time chat and tool invocation with SSE.
- Modern, responsive UI with Markdown and code highlighting.
- Lightweight deployment powered by SQLite database.

Use cases of MCP Web Client

- Building custom Chatbot applications backed by external MCP servers.
- Testing and prototyping MCP‑based tools and workflows.
- Quickly setting up a multi‑Chatbot environment for development or demos.

FAQ from MCP Web Client

What MCP servers can be integrated?

The client integrates with any MCP server that exposes an SSE endpoint. It uses the