A graphical user interface tool for managing and editing MCP (Model Context Protocol) configurations.
MCP Config GUI is a desktop application based on Electron and React, designed to simplify the creation and management of MCP configuration files. Through an intuitive user interface, you can easily add, edit, and delete server configurations without manually editing JSON files.
- 📂 Open and save MCP configuration files
- ➕ Add and manage multiple server configurations
- 🔄 Import existing configurations
- 🖊️ Intuitively edit configuration parameters
- 🌐 Support for various server types (npx, uvx, node, SSE)
- 🔍 Clear configuration preview
- 🌍 Multi-language interface support
- Node.js (v16 or higher recommended)
- npm or yarn
# Using pnpm
pnpm install
# Using pnpm
pnpm run electron:dev
# Using pnpm
pnpm run electron:build
The built application will be located in the release
directory.
- Launch the Application: Run the installed application or start it in development mode
- Open Configuration File: Click the "Open" button to select an existing MCP configuration file, or create one from scratch
- Add Server: Enter a server name and click the "Add" button
- Edit Configuration: Click the "Edit Details" button on each server card to modify detailed configurations
- Save Configuration: After completing your edits, click the "Save" button to save the configuration to a file
MCP configuration supports multiple server types, each with different configuration options:
-
Command Line Servers (npx, uvx, node)
command
: The type of command to executeargs
: Command line argumentsenv
: Environment variablesautoApprove
: List of automatically approved commands
-
SSE Servers
url
: Server URLautoApprove
: List of automatically approved commands
- Electron - Desktop application framework
- React - User interface library
- TypeScript - Type-safe JavaScript
- Tailwind CSS - CSS framework
- shadcn/ui - UI components
- i18next - Internationalization framework
Issue reports and pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
For Chinese documentation, please see README-zh.md