A web-based client for connecting to MCP servers with OAuth support
Overview
A web-based client for the Model Context Protocol (MCP). Connect to multiple MCP servers, browse tools/resources/prompts, and interact via chat. https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782 - - Connect to multiple MCP servers simultaneously - - Secure authentication with PKCE support - - Servers and credentials saved to localStorage - - Server-Sent Events for live updates - - Full MCP capability support 1. Click in the sidebar 2. Enter the server URL (e.g., https://mcp.example.com/sse) 3. Choose authentication method: - - Public servers - - Use existing access token - - Authenticate via OAuth flow 4. Click - Next.js 15 + React 19 - TypeScript - Tailwind CSS - MCP Protocol 2024-11-05
README
MCP Web Client
A web-based client for the Model Context Protocol (MCP). Connect to multiple MCP servers, browse tools/resources/prompts, and interact via chat.
Features
- Multi-Server Support - Connect to multiple MCP servers simultaneously
- OAuth 2.0 & Bearer Token Auth - Secure authentication with PKCE support
- Persistent Sessions - Servers and credentials saved to localStorage
- Real-time SSE - Server-Sent Events for live updates
- Tools, Resources & Prompts - Full MCP capability support
Quick Start
npm install
npm run dev
Adding a Server
- Click + in the sidebar
- Enter the server URL (e.g.,
https://mcp.example.com/sse) - Choose authentication method:
- No Auth - Public servers
- Bearer Token - Use existing access token
- OAuth 2.0 - Authenticate via OAuth flow
- Click Add Server
Tech Stack
- Next.js 15 + React 19
- TypeScript
- Tailwind CSS
- MCP Protocol 2024-11-05
License
MIT
Install
This server does not publish a one-line install command.
Open the repository installation guide New to MCP? Start with the mcpskill.org guide →