MCP Hub

MCP Hub

An Express server implementation of Model Context Protocol that allows websites to connect to LLMs through streamable HTTP and stdio transports, with a built-in chat UI for testing responses.

Category
Visit Server

README

mcpburst

Host an express app of streamablehttp and stdio MCP servers that you can use from your own website. (comes with a mini chat dialog to check responses)

Table of Contents

Features

  • Streamable HTTP MCP transport server built on Model Context Protocol SDK
  • Demo stdio MCP transport server
  • Built-in demo tool (echo) for testing
  • Express façade handling JSON-RPC at /mcp and health checks at /health
  • Mini front-end chat UI to test MCP responses

Prerequisites

  • Node.js v16 or higher
  • npm (included with Node.js)

Installation

  1. Clone the repository:

    git clone https://github.com/arberrexhepi/mcpburst.git
    cd mcpburst
    
  2. Install root dependencies in root:

    npm install
    
  3. Install hub and server dependencies:

    cd hub && npm install && cd ..
    

Configuration

Create environment variable files in both hub/ and server/ directories:

hub/.env

PORT=4000
HOST=localhost
MCP_REQUIRE_AUTH=false   # set to 'true' to require Bearer auth NOTE: Work in Progress
GITHUB_API_KEY=         # optional: GitHub Token for tool examples

server/.env

PORT=3500
CLIENT_ORIGIN=http://localhost:3000
MCP_ENDPOINT=http://localhost:4000/mcp
OPENAI_API_KEY=YOUR_OPENAI_API_KEY

Usage

  1. Build and start the MCP hub server:

    npm run start:hub
    
  2. Start the front-end proxy server:

    npm run start:server
    
  3. Open your browser at http://localhost:3000 to access the chat UI.

  4. The hub JSON-RPC endpoint is available at http://localhost:4000/mcp.

Directory Structure

├── LICENSE
├── package.json            # root package config and scripts
├── README.md
├── hub/                    # MCP hub server
│   ├── package.json
│   ├── tsconfig.json
│   ├── src/ (TypeScript sources output to dist/)
│   ├── installToolsFeature.ts
│   ├── bridgeBuilder.ts
│   ├── bridgeHttp.ts
│   ├── bridgeStdio.ts
│   └── hub.ts
├── server/                 # proxy and front-end assets
│   ├── index.js
│   ├── extractContent.js
│   └── public/
│       ├── index.html
│       ├── css/
│       │   └── styles.css
│       └── js/
│           └── chat.js
└── hub/bridges/            # sample tool definitions
    └── hub.yaml

Scripts

All scripts are defined in the root package.json:

  • npm run build : Compile TypeScript in hub and copy bridge files
  • npm run copy:bridges: Copy bridge YAML definitions to hub/dist
  • npm run start:hub : Build then run the MCP hub server
  • npm run start:server: Run the Express static server with chat UI

License

  • This project is licensed under the Apache License 2.0. See the LICENSE file for details.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured