drio
Open app

MCPHub 🚀

Source

MCPHub - A cross-platform GUI application to discover, install, and manage Model Context Protocol (MCP) servers. Think of it as apt/pip but for MCP servers.

Catalog onlyCatalog onlySTDIO

Overview

Mcphub is a web application project bootstrapped with Next.js, aimed at creating an interactive and dynamic user experience.

To use Mcphub, clone the repository from GitHub, and run the development server using npm, yarn, pnpm, or bun, then navigate to http://localhost:3000 in your browser to see the application running.

  • Built with Next.js for server-side rendering capabilities - Auto-updating page during development - Integration with Geist font for optimized typography
  1. Building modern web applications with improved performance.
  2. Creating interactive tutorials and platforms using Next.js.
  3. Quick deployment of web applications through Vercel.

Add to your AI client

Use these steps to connect MCPHub 🚀 in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcphub-hemangjoshi37a": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcphub-hemangjoshi37a"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcphub-hemangjoshi37a": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcphub-hemangjoshi37a"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcphub-hemangjoshi37a": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcphub-hemangjoshi37a"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcphub-hemangjoshi37a": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcphub-hemangjoshi37a"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcphub-hemangjoshi37a": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcphub-hemangjoshi37a"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcphub-hemangjoshi37a": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcphub-hemangjoshi37a"
      ]
    }
  }
}

FAQ

How do I run the project locally?

You can run the project locally by executing `npm run dev` to start the development server.

Where can I learn more about Next.js?

You can refer to the [Next.js Documentation](https://nextjs.org/docs) for detailed information and tutorials.

Can I contribute to this project?

Yes! Contributions are welcome, and you can provide feedback via the GitHub repository.

Developer tools