Stagehand

By Browserbase

AI browser-automation framework — drive Playwright with act, extract, and observe in natural language.

Website ↗ Repository ↗ Docs ↗

stagehand-server-v3/v3.7.42026-07-21TypeScriptMIT

#browser #automation #playwright #typescript

23.6k Open source Free tier Paid

Doc version 1.0 · Updated June 28, 2026

Related concepts

Tools Doc version 1.0 · Updated June 29, 2026 The functions that connect a model to the outside world — web search, scraping, browser control, and app integration that bridge to real data and actions beyond the training cutoff.

Related tools

Browser Use

Browser & Computer Use

Overview

Stagehand is an AI browser-automation framework from Browserbase that layers act, extract, and observe on top of Playwright.
You write steps in natural language, and Stagehand resolves them to real browser actions that self-heal when a page changes.

flowchart LR
  nl[natural language] --> sh[Stagehand]
  sh --> pw[Playwright]
  pw --> page[(web page)]

The Code samples tab shows acting on a page and extracting typed data with a zod schema.

When to use it

Choose Stagehand when brittle CSS or XPath selectors keep breaking your scrapers and agents, and you want natural-language steps that adapt. Run it locally for free, or on the Browserbase cloud for managed, scalable browsers.

Pricing

Open-source (MIT) framework, free to run locally; the hosted Browserbase cloud adds managed browsers with usage-based pricing.

Plan	Price	Notes
Self-host	$0	MIT framework on your own Playwright
Browserbase Free	$0	1 browser hour, 3 concurrent browsers
Browserbase Developer	$20/mo	100 browser hours, then $0.12/hr
Browserbase Startup	$99/mo	500 browser hours, 100 concurrent

Source ↗ · as of 2026-06-27

Example

TypeScript · act & extract

When to use

Reach for Stagehand when a Playwright script keeps breaking on selectors and you want resilient, natural-language steps instead.

How it flows

act turns instructions into browser actions; extract pulls typed data back out via a zod schema.

Structure

flowchart LR
  nl[natural language] --> sh[Stagehand]
  sh --> pw[Playwright]
  pw --> page[(web page)]

import { Stagehand } from "@browserbasehq/stagehand";
import { z } from "zod";

const stagehand = new Stagehand({ env: "LOCAL" });
await stagehand.init();

const page = stagehand.page;
await page.goto("https://github.com/browserbase/stagehand");
await page.act("click the latest release link");

const { title } = await page.extract({
  instruction: "extract the release title",
  schema: z.object({ title: z.string() }),
});
console.log(title);