> ## Documentation Index
> Fetch the complete documentation index at: https://docs.browserbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# n8n integration

> Build browser agents in n8n with the Browserbase node.

[n8n](https://n8n.io/) is a fair-code licensed workflow platform that connects hundreds of services through a visual, node-based editor. The Browserbase node brings browser agents, [Search](/platform/search/overview), and [Fetch](/platform/fetch/overview) into n8n so your workflows can gather context, inspect pages, and act on the web.

Use the `Agent` resource to run [Stagehand](https://stagehand.dev)-powered browser agents in cloud-hosted Browserbase sessions. Use [`Search`](/platform/search/overview) and [`Fetch`](/platform/fetch/overview) to collect web context before launching a browser session, or to handle lightweight retrieval tasks on their own. Results flow into the rest of your n8n workflow.

## Key features

<CardGroup cols={2}>
  <Card title="No-code browser agents" icon="wand-magic-sparkles">
    Provide a URL and an instruction in plain English. Browser agents handle navigation, clicking, typing, and extraction from a visual workflow builder.
  </Card>

  <Card title="AI agent modes" icon="robot">
    Choose between CUA (vision-based), DOM (selector-based), or Hybrid mode depending on your use case and performance needs.
  </Card>

  <Card title="Search and Fetch resources" icon="magnifying-glass">
    Find relevant URLs with [Search](/platform/search/overview) or retrieve page content with [Fetch](/platform/fetch/overview) without creating a browser session.
  </Card>

  <Card title="Built-in browser features" icon="shield-halved">
    Use Verified browsers, residential proxies, CAPTCHA solving, ad blocking, session recording, and multi-region support.
  </Card>

  <Card title="Secure variables" icon="lock" href="https://docs.stagehand.dev/v3/basics/agent#variables">
    Pass sensitive data like passwords and API keys with `%variable%` placeholders. The LLM never sees the values.
  </Card>

  <Card title="400+ integration ecosystem" icon="diagram-project">
    Chain browser agent results with n8n's extensive node library. Send extracted data to Slack, store it in Google Sheets, trigger webhooks, and more.
  </Card>
</CardGroup>

## Agent modes

The `Agent` resource supports three modes that determine how the browser agent interacts with web pages:

| Mode       | Description                                            | Best for                                          |
| ---------- | ------------------------------------------------------ | ------------------------------------------------- |
| **CUA**    | Computer Use Agent, uses vision and screen coordinates | Complex UIs, visual interactions, dynamic content |
| **DOM**    | Uses DOM selectors, works with any LLM                 | Speed, simple pages, structured content           |
| **Hybrid** | Combines vision and DOM approaches                     | Fallback reliability, mixed content types         |

## Model configuration

The `Agent` resource requires two model selections:

* **Driver Model**: Powers the browser session (navigation, DOM interactions)
* **Agent Model**: Orchestrates the high-level browser agent task

You can use [Model Gateway](/platform/model-gateway/overview) with only your Browserbase API key instead of adding a separate model provider key. Model Gateway lets you switch between supported models from the node. Browserbase bills model usage at market rate through your Browserbase account.

<Warning>
  If you bring your own **Model API Key**, both the Driver Model and Agent Model must be from the **same provider**. For example, if you select a Gemini driver model, your agent model must also be a Google model, and your Model API Key must be a Google API key.
</Warning>

Supported providers: **Google** (Gemini), **OpenAI** (GPT-4o, Computer Use Preview), and **Anthropic** (Claude).

## What you can build

* **Research pipelines**: [Search](/platform/search/overview) the web, [Fetch](/platform/fetch/overview) candidate pages, and send promising targets to a browser agent
* **Data extraction flows**: Extract product prices, news headlines, or job listings, and pipe them into databases or spreadsheets
* **Form completion agents**: Fill out and submit forms across multiple sites as part of a larger workflow
* **Competitive intelligence**: Track competitor pricing, features, or content changes on a schedule
* **Lead enrichment**: Visit company websites to gather contact info, tech stacks, or social profiles
* **Web flow validation**: Validate web flows and capture results alongside your CI/CD pipeline

## Get started

<CardGroup cols={1}>
  <Card title="Quickstart guide" icon="rocket" iconType="sharp-solid" href="/integrations/n8n/quickstart">
    Install the community node, configure credentials, and run your first browser agent workflow.
  </Card>
</CardGroup>