Installation
blop is a single npm package that ships a blop CLI, a runtime, browser tools, and reporters.
Prerequisites
Section titled “Prerequisites”- Bun runtime (or Node.js 20+).
- An AI provider API key — Blop supports OpenAI, Anthropic, Google, Groq, xAI, OpenRouter, Mistral, Cerebras, and NVIDIA via Khadim.
- A target app running locally or at a reachable URL.
- Playwright browsers — install with
bunx playwright install chromiumbefore your first run.
Install the package
Section titled “Install the package”$ bun add blop# or$ pnpm add blop# or$ npm install blopInstall Playwright browsers
Section titled “Install Playwright browsers”blop drives a real browser via Playwright. On a fresh machine, install the browser binaries once:
$ bunx playwright install chromiumFor all engines (Chromium, Firefox, WebKit):
$ bunx playwright installIn CI, add --with-deps to install system dependencies on Linux runners:
$ bunx playwright install --with-deps chromiumSet provider credentials
Section titled “Set provider credentials”blop reads provider configuration from three sources, in order of precedence: CLI flags, environment variables, and blop.config.ts.
The simplest path is environment variables:
$ export BLOP_AGENT_PROVIDER=openai$ export BLOP_AGENT_MODEL=gpt-5$ export BLOP_AGENT_API_KEY=sk-...Provider-native env vars also work as fallbacks when BLOP_AGENT_API_KEY is unset:
| Provider | Native env var |
|---|---|
| OpenAI | OPENAI_API_KEY |
| Anthropic | ANTHROPIC_API_KEY |
GEMINI_API_KEY |
|
| Groq | GROQ_API_KEY |
| xAI | XAI_API_KEY |
| OpenRouter | OPENROUTER_API_KEY |
| Mistral | MISTRAL_API_KEY |
| Cerebras | CEREBRAS_API_KEY |
| NVIDIA | NVIDIA_API_KEY |
See Agent providers for the full list and model recommendations.
Verify the install
Section titled “Verify the install”$ bunx blop --helpYou should see the help text listing every command and flag. Next, head to first steps to write and run your first test.