drio
Open app

Giphy

Source

Catalog onlyCatalog onlySTDIO

Overview

Giphy MCP Server is a server that interfaces with the Giphy API, allowing AI models to search, retrieve, and utilize GIFs from Giphy.

To use the Giphy MCP Server, you need to create a Giphy API key, configure your environment, and run the server using the provided commands.

  • Content filtering by rating (G, PG, PG-13, R) - Optimized response format for AI model consumption - Multiple search methods: query-based, random, and trending GIF retrieval - Comprehensive metadata for each GIF - Pagination support for efficient API use
  1. Integrating GIF search functionality into applications.
  2. Enhancing user engagement with trending GIFs.
  3. Providing content filtering options for appropriate GIF usage.

Add to your AI client

Use these steps to connect Giphy 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": {
    "giphy-magarcia": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-giphy"
      ],
      "env": {
        "GIPHY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

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": {
    "giphy-magarcia": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-giphy"
      ],
      "env": {
        "GIPHY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

Claude Code

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

.mcp.json (project root)

{
  "mcpServers": {
    "giphy-magarcia": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-giphy"
      ],
      "env": {
        "GIPHY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

VS Code (Copilot)

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

.vscode/mcp.json

{
  "servers": {
    "giphy-magarcia": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-giphy"
      ],
      "env": {
        "GIPHY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

Windsurf

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

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "giphy-magarcia": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-giphy"
      ],
      "env": {
        "GIPHY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

Cline

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

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "giphy-magarcia": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-giphy"
      ],
      "env": {
        "GIPHY_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}

FAQ

How do I get a Giphy API key?

You can create a Giphy API key by signing up for a Giphy Developer account and creating an app.

What programming languages can I use with Giphy MCP Server?

The server is built with Node.js, but you can integrate it with any language that can make HTTP requests.

Is there a limit to the number of GIFs I can retrieve?

Yes, the API has limits based on your account type, but you can control the number of results returned using the 'limit' parameter.

Developer tools
Giphy MCP Server — MCP Registry