A privacy-first, open-source browser with AI agents built in — bring your own model, automate any tab, keep every byte local.
Pick a quick template or paste any OpenAI-compatible endpoint. BrowserOS never proxies your prompts — the model talks straight from your machine.
The hardest surface in any browser — wiring up models, MCP servers, keys — rebuilt as something you'd actually enjoy opening. Cream, calm, and one friendly dog watching over it.
Add your provider and choose the default LLM
BrowserOS agents read the page, plan the steps, and drive the tabs for you — the model runs on your hardware, so nothing leaves the machine.
Expose BrowserOS as an MCP server and let Claude Code, Cursor, and 66+ tools drive real tabs — clicking, reading, filling forms in a live session.
No telemetry funnel, no prompt proxy. Run Ollama or LM Studio and the agent never touches the network. It's a Chromium fork — bring your extensions and bookmarks straight over.
Free, open source, and yours to run however you like. macOS, Windows & Linux.
Extracted through the 色 / 形 / 神 lens — color, form, spirit. BrowserOS's whole move is to take the most intimidating surface in software (model keys, MCP servers, provider endpoints) and make it feel like a warm consumer app. It does that with three decisions, repeated everywhere.
Warm off-white canvas (#FAF7F2) carries everything; a single terracotta orange appears on barely 3% of pixels — CTA, NEW pill, the send button. Even the grays lean warm. Nothing cold ever enters.
克制 · restraintBig 16–22px radii, 1px warm hairline borders instead of heavy shadows, generous whitespace, a faint grid-paper new-tab. Buttons stop short of full pills — a rounded rectangle (~12px) is the tell.
手感 · feelA white poodle mascot watches over the keys-and-endpoints screen. The new tab empties out to a single question. The spirit: make configuring AI feel un-scary, almost friendly.
去威慑 · disarmThe canvas is never pure white — it's a warm cream that makes the whole product feel paper-like, not clinical. The orange is the entire brand; use it on one thing per view (the primary action) and let warm grays carry the rest.
Inter does the work, paired with Noto Sans SC for the mixed CN/EN reality of the new tab. Display weights run heavy (800) with tight tracking; the warmth comes from the cream and the rounding, not the letterforms. Tabular figures on the stat strip.
| Token | Sample | Size | Weight | Tracking | Use |
|---|---|---|---|---|---|
| --display | Ask your browser | 60 / 3.75rem | 800 | -2px | Hero H1 |
| --section | One click to wire it up | 42 / 2.6rem | 800 | -1.2px | Section H2 |
| --feature | Tell it the goal | 30 / 1.875rem | 800 | -0.8px | Feature H3 |
| --lead | A privacy-first, open-source browser. | 19 / 1.18rem | 400 | 0 | Lead / body |
| --eyebrow | Bring your own model | 12 / 0.75rem | 700 | 0.8px | Eyebrow |
| --mono | base_url = localhost:11434 | 13 / 0.81rem | 500 | 0 | Endpoints · stats |
Rounds generously but deliberately stops short of full pills on buttons — the rounded rectangle at ~12px is a BrowserOS signature. Full pills are reserved for badges, chips, and the announcement bar.
CTA hierarchy: orange-fill rounded-rect (primary) → white hairline-bordered rect (secondary) → warm soft fill (tertiary). The orange-bordered USE button is the provider-grid workhorse. Inputs sit on warm fills and bloom orange on focus.