A beautiful web-based dashboard for YAMCP (Yet Another MCP) - A Model Context Protocol workspace manager.
YAMCP UI provides an intuitive web interface to manage your MCP servers, workspaces, and configurations. Built as a standalone npm package that integrates seamlessly with YAMCP.
- 🎛️ Server Management: Add, edit, and delete MCP servers
- 📁 Workspace Management: Create and manage workspaces with MCP configurations
- 📊 Real-time Dashboard: View statistics and system status
- 📝 Log Viewing: Monitor server logs and download log files
- 🎨 Modern UI: Beautiful interface with dark/light mode support
- 🔒 Secure: Localhost-only access with CORS protection
# Run directly with npx (recommended)
npx yamcp-ui
# Or install globally
npm install -g yamcp-ui
yamcp-uiThe dashboard will be available at http://localhost:8765
- Node.js 18.0.0 or higher
- YAMCP package (will be automatically installed if missing)
If YAMCP is not installed, yamcp-ui will offer to install it automatically:
⚠️ yamcp is not installed globally.
Would you like me to install yamcp for you? (Y/n):
Simply press Enter or type 'y' to install the latest version of YAMCP.
# Clone the repository
git clone https://github.com/eladcandroid/yamcp-ui.git
cd yamcp-ui
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build- Frontend: React 18, TypeScript, Tailwind CSS
- UI Components: Radix UI, Lucide React
- Backend: Express.js
- Build Tool: Vite
- Charts: Recharts
Elad Cohen
LinkedIn: https://www.linkedin.com/in/eladgocode/
Hamid Alipour
GitHub: https://github.com/hamidra
YAMCP Repository: https://github.com/hamidra/yamcp
MIT License - see LICENSE file for details.
Contributions are welcome! Please feel free to submit a Pull Request.
If you encounter any issues, please file them in the GitHub Issues section.