Use Langflow as an MCP client

Langflow integrates with the Model Context Protocol (MCP) as both an MCP server and an MCP client.

This page describes how to use Langflow as an MCP client with the MCP Tools component and connected MCP servers.

For information about using Langflow as an MCP server, see Use Langflow as an MCP server.

Use the MCP tools component

The MCP Tools component connects to an MCP server so that a Langflow agent can use the server's tools when responding to user queries.

Register MCP servers, and then add MCP Tools from the MCP sidebar as described in Connect to a non-Langflow MCP server.

This component has two modes, depending on the type of server you want to access:

• Connect to a non-Langflow MCP server with a JSON configuration file, server start command, or HTTP/SSE URL to access tools provided by external, non-Langflow MCP servers.
• Connect to a Langflow MCP server to use flows from your Langflow projects as MCP tools.

Connect to a non-Langflow MCP server

tip

uvx is included with uv in the Langflow package.

To use npx server commands, you must first install an LTS release of Node.js. If you run Langflow in Docker, install Node.js inside the container image and rebuild so that npx-based MCP servers are available at runtime. For more information, see Package management.

For an example of an npx MCP server in Langflow, see Connect an Astra DB MCP server to Langflow.

As of Langflow 1.9.x, the MCP Tools component is not listed as a draggable component under the Agents category. To add an MCP tool to a flow, do the following:

1. Register the MCP server. Open Settings → MCP Servers, and then click Add MCP Server, or click MCP in the flow editor’s left sidebar, and then click Add MCP Server.

2. Configure and save the server. Enter the connection details, and then click Save. For more information, see Use Langflow as an MCP client.

3. In the MCP sidebar, drag the new server to the canvas. The MCP Tools component for that server is added to the canvas.

For more information, see Use Langflow as an MCP client and Use Langflow as an MCP server.

4. In the MCP Server field on the MCP Tools component, select the server you registered.

   New servers are registered in Settings > MCP Servers, or in the MCP sidebar > Add MCP Server, using one of the following connection types:

   • JSON: Paste the MCP server's JSON configuration object into the field, including required and optional parameters that you want to use, and then click Add Server.
   • STDIO: Enter the MCP server's Name, Command, and any Arguments and Environment Variables the server uses, and then click Add Server. For example, to start a Fetch server, the Command is uvx mcp-server-fetch.
   • HTTP/SSE: Enter your MCP server's Name, URL, and any Headers and Environment Variables the server uses, and then click Add Server. The default URL for Langflow MCP servers is http://localhost:7860/api/v1/mcp/project/PROJECT_ID/streamable or http://localhost:7860/api/v1/mcp/streamable. For more information, see Connect to a Langflow MCP server.

5. To configure headers for your MCP server, enter each header in the Headers fields as key-value pairs. You can use global variables in header values by entering the global variable name as the header value. For more information, see Use global variables in MCP server headers.

6. To use environment variables in your server command, enter each variable in the Env fields as key-value pairs.

7. In the Tool field, select a tool that you want this component to use, or leave the field blank to allow access to all tools provided by the MCP server.

   If you select a specific tool, you might need to configure additional tool-specific fields. For information about tool-specific fields, see your MCP server's documentation.

   At this point, the MCP Tools component is serving a tool from the connected server, but nothing is using the tool. The next steps explain how to make the tool available to an Agent component so that the agent can use the tool in its responses.

8. In the component's header menu, enable Tool mode so you can use the component with an agent.

9. Connect the MCP Tools component's Toolset port to an Agent component's Tools port.

   If not already present in your flow, make sure you also attach Chat Input and Chat Output components to the Agent component.

   

10. Test your flow to make sure the MCP server is connected and the selected tool is used by the agent. Open the Playground, and then enter a prompt that uses the tool you connected through the MCP Tools component.

    For example, if you use mcp-server-fetch with the fetch tool, you could ask the agent to summarize recent tech news. The agent calls the MCP server function fetch, and then returns the response.

11. If you want the agent to be able to use more tools, repeat these steps to add more tools components with different servers or tools.

Connect a Langflow MCP server

Every Langflow project runs a separate MCP server that exposes the project's flows as MCP tools. For more information about your projects' MCP servers, including exposing flows as MCP tools, see Use Langflow as an MCP server.

Langflow MCP servers support both the streamable HTTP transport and Server-Sent Events (SSE) as a fallback.

To leverage flows-as-tools, register your Langflow MCP endpoint as a server first, and then add the MCP Tools component from the MCP sidebar.

1. Register the Langflow MCP server. Open Settings > MCP Servers or the MCP section in the flow sidebar, click Add MCP Server, and select HTTP/SSE mode.

2. In the MCP URL field, enter your Langflow server's MCP endpoint.

   • For project-specific servers: http://localhost:7860/api/v1/mcp/project/PROJECT_ID/streamable
   • For global MCP server: http://localhost:7860/api/v1/mcp/streamable
   • Default for Langflow Desktop: http://localhost:7868/

   All flows available from the targeted server are treated as tools. For authentication and project URLs, see Use Langflow as an MCP server.

3. Save the server. When the connection succeeds, the server is stored and appears as a tile in the MCP sidebar.

4. Add the MCP Tools component to the flow.

5. In the component's header menu, enable Tool Mode so you can use the component with an agent.

6. Connect the MCP Tools component's Toolset port to an Agent component's Tools port.

7. If not already present in your flow, make sure you also attach Chat Input and Chat Output components to the Agent component.

   

8. Test your flow to make sure the agent uses your flows to respond to queries. Open the Playground, and then enter a prompt that uses a flow that you connected through the MCP Tools component.

9. If you want the agent to be able to use more tools, repeat these steps to add more tools components with different servers or tools.

MCP Tools parameters

Name	Type	Description
mcp_server	String	Input parameter. The MCP server to connect to.
tool	String	Input parameter. The specific tool to execute from the connected MCP server. Leave blank to allow access to all tools.
use_cache	Boolean	Input parameter. Enable caching of MCP server and tools to improve performance. Default: false.
verify_ssl	Boolean	Input parameter. Enable SSL certificate verification for HTTPS connections. Default: true.
response	Table	Output parameter. Table containing the response from the executed tool.

Manage connected MCP servers

To manage MCP server connections for use in flows, open the MCP section in the visual editor, and then click Manage Servers, or click your profile icon, select Settings, and then click MCP Servers.

To add a new MCP server, click Add MCP Server, register the server, and then select the server on the MCP Tools component as described in Connect to a non-Langflow MCP server.

Click More to edit or delete an MCP server connection.

Modify MCP server environment variables with the API

You can modify MCP server environment variables at runtime when running flows through the Langflow API by tweaking the MCP Tools component.

You can include tweaks with any Langflow API request that supports the tweaks parameter, such as POST requests to the /run or /webhook endpoints. For more information, see Input schema (tweaks).

To modify the MCP Tools component's environment variables with tweaks, do the following:

1. Open the flow that contains your MCP Tools component.

2. To find the MCP Tools component's unique ID, in your MCP Tools component, click Controls. The component's ID is displayed in the Controls pane, such as MCPTools-Bzahc.

3. Send a POST request to the Langflow server's /run endpoint, and include tweaks to the MCP Tools component.

   The following examples demonstrate a request structure with the env object nested under mcp_server in the tweaks payload:

   Python

   
   

   _32

   import requests

   _32

   import os

   _32

   _32

   LANGFLOW_SERVER_ADDRESS = "http://localhost:7860"

   _32

   FLOW_ID = "your-flow-id"

   _32

   LANGFLOW_API_KEY = os.getenv("LANGFLOW_API_KEY")

   _32

   MCP_TOOLS_COMPONENT_ID = "MCPTools-Bzahc"

   _32

   _32

   url = f"{LANGFLOW_SERVER_ADDRESS}/api/v1/run/{FLOW_ID}?stream=false"

   _32

   headers = {

   _32

   "Content-Type": "application/json",

   _32

   "x-api-key": LANGFLOW_API_KEY

   _32

   }

   _32

   payload = {

   _32

   "output_type": "chat",

   _32

   "input_type": "chat",

   _32

   "input_value": "What sales data is available to me?",

   _32

   "tweaks": {

   _32

   MCP_TOOLS_COMPONENT_ID: {

   _32

   "mcp_server": {

   _32

   "env": {

   _32

   "API_URL": "https://api.example.com",

   _32

   "API_KEY": "your-mcp-server-api-key",

   _32

   "ENVIRONMENT": "production"

   _32

   }

   _32

   }

   _32

   }

   _32

   }

   _32

   }

   _32

   _32

   response = requests.post(url, json=payload, headers=headers)

   _32

   print(response.json())

   
   

   TypeScript

   
   

   _33

   const LANGFLOW_SERVER_ADDRESS = "http://localhost:7860";

   _33

   const FLOW_ID = "your-flow-id";

   _33

   const LANGFLOW_API_KEY = process.env.LANGFLOW_API_KEY || "";

   _33

   const MCP_TOOLS_COMPONENT_ID = "MCPTools-Bzahc";

   _33

   _33

   const url = `${LANGFLOW_SERVER_ADDRESS}/api/v1/run/${FLOW_ID}?stream=false`;

   _33

   _33

   const response = await fetch(url, {

   _33

   method: "POST",

   _33

   headers: {

   _33

   "Content-Type": "application/json",

   _33

   "x-api-key": LANGFLOW_API_KEY,

   _33

   },

   _33

   body: JSON.stringify({

   _33

   output_type: "chat",

   _33

   input_type: "chat",

   _33

   input_value: "What sales data is available to me?",

   _33

   tweaks: {

   _33

   [MCP_TOOLS_COMPONENT_ID]: {

   _33

   mcp_server: {

   _33

   env: {

   _33

   API_URL: "https://api.example.com",

   _33

   API_KEY: "your-mcp-server-api-key",

   _33

   ENVIRONMENT: "production",

   _33

   },

   _33

   },

   _33

   },

   _33

   },

   _33

   }),

   _33

   });

   _33

   _33

   const data = await response.json();

   _33

   console.log(data);

   
   

   cURL

   
   

   _20

   curl --request POST \

   _20

   --url "http://LANGFLOW_SERVER_ADDRESS/api/v1/run/FLOW_ID?stream=false" \

   _20

   --header "Content-Type: application/json" \

   _20

   --header "x-api-key: LANGFLOW_API_KEY" \

   _20

   --data '{

   _20

   "output_type": "chat",

   _20

   "input_type": "chat",

   _20

   "input_value": "What sales data is available to me?",

   _20

   "tweaks": {

   _20

   "MCP_TOOLS_COMPONENT_ID": {

   _20

   "mcp_server": {

   _20

   "env": {

   _20

   "API_URL": "https://api.example.com",

   _20

   "API_KEY": "your-mcp-server-api-key",

   _20

   "ENVIRONMENT": "production"

   _20

   }

   _20

   }

   _20

   }

   _20

   }

   _20

   }'

   
   

   Replace MCP_TOOLS_COMPONENT_ID, LANGFLOW_API_KEY, LANGFLOW_SERVER_ADDRESS, and FLOW_ID with the actual values from your Langflow deployment.

   Langflow doesn't automatically discover or expose which environment variables your MCP server accepts from the MCP Tools component. To determine which environment variables your MCP server accepts, see the MCP server's documentation. For example, the Astra DB MCP server requires ASTRA_DB_APPLICATION_TOKEN and ASTRA_DB_API_ENDPOINT, with an optional variable for ASTRA_DB_KEYSPACE, as documented in its repository.

Use global variables in MCP server headers

You can use global variables in MCP server header values to securely store and reference API keys, authentication tokens, and other sensitive values. This is particularly useful for deployment scenarios where you need to pass user-specific credentials at runtime.

Enter a global variable name as the header value, and Langflow resolves the global variable name to its actual value before making the MCP server request. Langflow only passes the token value to your server; it doesn't validate tokens on behalf of your MCP server.

For example, to create a global variable named TEST_BEARER_TOKEN for MCP server bearer authentication, do the following:

1. To open the Global Variables pane, click your profile icon, select Settings, and then click Global Variables.

2. Create a Credential global variable named TEST_BEARER_TOKEN.

3. In the Value field, enter your MCP server's bearer token value. The value must include the Bearer prefix with a space, for example: Bearer eyJhbG....

4. Click Save Variable.

5. To manage MCP server connections for your Langflow client, click MCP servers, and then click Manage Servers, or click your profile icon, select Settings, and then click MCP Servers.

6. Click Add MCP Server.

7. Select the following:

   • Name: test-mcp-server
   • Streamable HTTP/SSE URL: Your MCP server's URL, such as http://127.0.0.1:8000/mcp.
   • Headers: In the key field, enter the literal string Authorization. For the key's value, enter TEST_BEARER_TOKEN, or the exact name of your global variable.

8. Click Create Server.

   If the connection succeeds, Langflow shows the number of tools exposed by the server.

   After creating the server and global variable, you can connect to the server with the MCP Tools component, as explained in the next steps.

9. Add the MCP Tools component to a flow.

10. In the MCP Tools component, confirm the MCP Server is set to the server you created. The MCP server configuration already includes the headers you configured earlier, so no further configuration is needed in the component. The global variable TEST_BEARER_TOKEN is automatically resolved when the component makes requests to the MCP server.

11. Optional: To override headers or add additional headers to the MCP Tools component, click the component to view the Headers parameter in the component inspection panel, and then add header key values. Headers configured in the component take precedence over the headers configured in the MCP server settings.

12. Test your flow to make sure the agent uses your server to respond to queries. Open the Playground, and then enter a prompt that uses a tool that you connected through the MCP Tools component.

    Langflow automatically resolves TEST_BEARER_TOKEN to its actual value before sending the request to the MCP server. When your MCP server receives the request, the Authorization header contains the resolved token value.

See also

• Langflow MCP Client
• Use Langflow as an MCP server
• Use a DataStax Astra DB MCP server with the MCP Tools component