drio
Open app

Fetch MCP Server

Source

A flexible HTTP fetching Model Context Protocol server.

Catalog onlyCatalog onlySTDIO

Overview

Fetch MCP Server is a flexible HTTP fetching Model Context Protocol server that allows users to fetch web content in various formats such as HTML, JSON, plain text, and Markdown.

To use the Fetch MCP Server, clone the repository, install dependencies with npm install, and start the server using npm start. You can also integrate it with a desktop app by configuring the server settings in your app.

  • Fetches web content using modern fetch API - Supports custom headers for requests - Provides content in multiple formats: HTML, JSON, plain text, and Markdown - Uses JSDOM for HTML parsing and text extraction - Uses TurndownService for HTML to Markdown conversion
  1. Fetching and displaying web content in a desktop application.
  2. Converting web pages to Markdown for documentation purposes.
  3. Extracting JSON data from APIs for further processing.

Add to your AI client

Use these steps to connect Fetch MCP Server 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": {
    "fetch-mcp-zcaceres": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-fetch-mcp-zcaceres"
      ]
    }
  }
}

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": {
    "fetch-mcp-zcaceres": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-fetch-mcp-zcaceres"
      ]
    }
  }
}

Claude Code

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

.mcp.json (project root)

{
  "mcpServers": {
    "fetch-mcp-zcaceres": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-fetch-mcp-zcaceres"
      ]
    }
  }
}

VS Code (Copilot)

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

.vscode/mcp.json

{
  "servers": {
    "fetch-mcp-zcaceres": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-fetch-mcp-zcaceres"
      ]
    }
  }
}

Windsurf

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

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "fetch-mcp-zcaceres": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-fetch-mcp-zcaceres"
      ]
    }
  }
}

Cline

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

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "fetch-mcp-zcaceres": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-fetch-mcp-zcaceres"
      ]
    }
  }
}

FAQ

What formats can Fetch MCP Server return?

Fetch MCP Server can return content in HTML, JSON, plain text, and Markdown formats.

Is there any persistent storage in Fetch MCP Server?

No, the server is designed to fetch and transform web content on demand without persistent resources.

How can I integrate Fetch MCP Server with my application?

You can integrate it by adding the server configuration to your app's settings as described in the documentation.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":843,"uuid":"98f8ca57-db82-4f89-b063-071a5c60cfa7","name":"fetch-mcp","title":"Fetch MCP Server","description":"A flexible HTTP fetching Model Context Protocol server.","avatar_url":"https://avatars.githubusercontent.com/u/10032979?v=4","created_at":"2025-01-28T02:14:03.174Z","updated_at":"2025-02-23T07:20:28.414Z","status":"created","author_name":"zcaceres","author_avatar_url":"https://avatars.githubusercontent.com/u/10032979?v=4","tags":"[]","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/zcaceres/fetch-mcp","target":"_self","content":"$29","summary":"$2a","img_url":"https://github.com/zcaceres/fetch-mcp/raw/main/logo.jpg","type":null,"metadata":"{\"star\":\"414\",\"license\":\"MIT license\",\"language\":\"TypeScript\",\"is_official\":false,\"latest_commit_time\":\"2025-05-10 13:29:26\"}","user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Developer tools