Advertise
MCP.so
Sign In

MCP Web Client

@AVGenAI

Repository

Basic information

Category

Other

Transports

stdio

Author

AVGenAI

About MCP Web Client

A web client for managing MCP servers and tools

#mcp#web-client#server-management

MCP Web Client config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

MCP Web Client tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is MCP Web Client?

MCP Web Client is a web application for configuring, monitoring, and managing multiple MCP (Multimodal Conversational Protocol) servers and their associated tools from a single, responsive interface.

How to use MCP Web Client?

Clone the repository, install dependencies with npm or yarn, then run npm run dev or yarn dev and open http://localhost:3000. Use the “Servers” page to add new servers and tools, and toggle tools on/off as needed.

Key features of MCP Web Client

  • Manage multiple MCP servers in one place
  • Configure and organize MCP tools (GitHub, Playwright, etc.)
  • Enable/disable tools as needed
  • Persistent storage of your configuration
  • Responsive design for desktop and mobile

Use cases of MCP Web Client

  • Centrally manage MCP-powered tools across different servers
  • Quickly enable or disable tools without restarting servers
  • Organize and view configuration details for each server and tool

Frequently asked questions

1

What are the prerequisites to run MCP Web Client?

Node.js version 14 or later and npm or yarn are required.

2

How do I install MCP Web Client?

Clone the repository, run `npm install` (or `yarn`), then start the development server with `npm run dev` (or `yarn dev`).

3

How do I add a new MCP server?

Go to the “Servers” page, click “Add New Server”, fill in the name, URL, and optional description, then click “Add Server”.

4

How do I manage tools on a server?

Navigate to a server’s detail page, click “Add Tool” to add new tools, toggle tools on/off with the enable/disable button, or delete tools you no longer need.

5

What technologies does MCP Web Client use?

It is built with Next.js (App Router), React, TypeScript, Zustand for state management, and CSS Modules for styling.

Comments

More Other MCP servers

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.

P

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

Lemon.io

lemon-io

Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3

ICSS

chokcoco

不止于 CSS

20.7K
Advertise