MCP Web Client
About
A web client for managing MCP servers and tools
Explore
- 🌐 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 that works on desktop and mobile
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.
1. Navigate to a server's detail page
2. Click "Add Tool"
3. Fill in the tool details:
- Name: A name for the tool
- Type: The type of tool (GitHub, Playwright, etc.)
- Configuration: Tool-specific configuration settings
4. Click "Add Tool"
- Toggle tools on/off using the enable/disable button
- Delete tools you no longer need
- View tool configuration details
A web client for managing MCP (Multimodal Conversational Protocol) servers and tools. This application allows you to configure, monitor, and manage multiple MCP servers and their associated tools from a single interface.
Features
- 🌐 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 that works on desktop and mobile
Getting Started
Prerequisites
- Node.js (version 14 or later)
- npm or yarn
Installation
1. Clone the repository:
git clone https://github.com/AVGenAI/mcp-web-client.git
cd mcp-web-client
2. Install dependencies:
```bash
npm install
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
