terminal-browser README

The project's README from github.com/zenbu-labs/terminal-browser. As one markdown file: README.md.

terminal-browser

A real browser that runs inside your terminal

Installation

curl (macOS & Linux):

curl -fsSL https://terminal-browser.sh/install | bash

Note: Run terminal-browser upgrade to upgrade versions

Homebrew

brew install terminal-browser

Claude code plugin

Install instructions here

Usage

terminal-browser # launches the browser
terminal-browser open <url> # opens the browser at a url
terminal-browser --split right # opens the browser in a split pane to the right
terminal-browser open --ssh <user@host> <url> # performs all network requests through a remote server
terminal-browser ls # lists open browsers
terminal-browser action # an agent-browser compatible cli for interacting with open terminal-browsers
terminal-browser upgrade # upgrade to the latest version

Use cases:

Shortcuts

Action macOS Linux
Quit ctrl+q or ctrl+c ctrl+q
New tab cmd+t ctrl+t
Edit URL cmd+l ctrl+l
Command palette cmd+p ctrl+k or alt+k
Find in page cmd+shift+f ctrl+shift+f
Next / previous match enter / shift+enter enter / shift+enter
Reload cmd+r ctrl+r
Back / forward cmd+[ / cmd+] or ctrl+[ / ctrl+] ctrl+[ / ctrl+]
Zoom in / out / reset your terminal's zoom keybind your terminal's zoom keybind
Devtools cmd+shift+i or f12 ctrl+shift+i or f12
Devtools console cmd+alt+j ctrl+alt+j
Copy / paste / cut cmd+c / cmd+v / cmd+x ctrl+c / ctrl+v / ctrl+x
Record page (start/stop) ctrl+r ctrl+shift+r
Complete recording review ctrl+enter ctrl+enter
Start element selection (send to agent) ctrl+g ctrl+g
Close popup / overlay escape escape

How does it work?

Terminals that support the kitty graphics protocol, including ghostty, kitty, cmux, vscode and many more, allow a program running in a terminal to display pixels in your terminal. We use this capability to display pixels generated by chromium.

We use electrons offscreen rendering API to read pixels generated by chromium directly from the GPU. This allows terminal-browser to render smoothly without dropping any frames.

After the browser engine starts and is displaying pixels in the terminal, it needs to be able to read user input for websites to actually work. terminal-browser listens to mouse clicks, mouse position, and keyboard events from the terminal, and then sends synthetic events to chromium based on that data. For any user input events that are not retrievable from the terminal, we read directly from the operating system using a background swift app to listen for input events (non intrusively). This is what allows terminal-browser to implement smooth scrolling, and listen to trackpad events (websites with infinite canvases work great inside terminal-browser!)

The outer UI of the browser is implemented using a graphics engine built on top of rust. The actual UI is defined inside react with a custom react renderer, which allows us to build the UI for the browser using typescript. The UI of the outer browser and the browser content itself is all drawn to the same shared canvas inside the rust engine, which allows us to layer UI on top of the browser.

The underlying logic described here has been abstracted into a javascript library that you can use to build your own graphical applications in the terminal - https://github.com/zenbu-labs/pixel

SSH

The recommended way to use terminal-browser over ssh is running terminal-browser --ssh <ssh arguments>.

The alternative is running terminal-browser directly on the machine you are shh'd into. This will work, but:

terminal-browser --ssh improves on this by running the website on your local device, and simply proxying all network requests made by the browser via the remote machine over ssh. This means you can load any website running on localhost of the remote machine on your local device.

Embedded mode

terminal-browser supports embedding inside of existing TUIs. See examples/embedded for a reference implementation

Roadmap

Contributing

To get a local development setup of terminal-browser, the recommended way is to ask a coding agent.

Adding enhanced support for a new terminal

terminal-browser's cli includes sub commands that rely on terminal/multiplexer scripting features. To implement support for a terminal/multiplexer not yet supported, reference existing implementations located here https://github.com/zenbu-labs/terminal-browser/tree/main/terminals/src/terminals

Discord

Acknowledgments

terminal-browser (zenbu-labs/terminal-browser)

Searching Database…

Что это такое?Полноценный веб-браузер, который работает прямо в вашем терминале. Он выводит настоящие пиксели Chromium в окно терминала, так что вы можете сидеть на реальных сайтах там же, где вводите команды оболочки.
Он показывает настоящие сайты или это чисто текстовый браузер вроде Lynx?Настоящие сайты, с полноценной графикой. Он рисует реальный пиксельный вывод Chromium в терминал через kitty graphics protocol, и даже в комплекте есть Chrome DevTools (f12 или cmd+shift+i).
Он будет работать в любом терминале?Нет. Терминал должен поддерживать kitty graphics protocol — его поддерживают ghostty, kitty, cmux, VS Code и многие другие.
Чего он пока не умеет?Расширения Chrome и design mode ещё не вышли — оба пункта лежат в роадмапе рядом с уже готовой поддержкой Linux.
Он работает на Windows?Судя по README — нет: установка предусмотрена для macOS и Linux, а Windows в документации и роадмапе вообще не упоминается.
Что я могу делать с кодинг-агентом в нём?Ваш агент получает полный доступ к любому открытому браузеру в терминале, а значит — реальные веб-возможности. Можно также поручить ему собрать HTML-план, который откроется автоматически в отдельной панели рядом с агентом, или нажать ctrl+g, чтобы выбрать элемент страницы и отправить его агенту.
Как это работает через SSH?Лучше использовать 'terminal-browser --ssh': сайты запускаются на вашей локальной машине, а их сетевые запросы идут через прокси на удалённом хосте — так можно открывать сайты, живущие на localhost удалённой машины. Можно запустить его и прямо на удалённом сервере, но тогда каждый кадр и каждое нажатие клавиш будут гоняться по сети.
Можно ли встроить его в моё собственное TUI-приложение?Да. Режим embedded как раз сделан для того, чтобы встроить браузер в существующие TUI, а в репозитории есть готовый пример — examples/embedded.
Можно ли с его помощью делать свои графические терминальные приложения?Да. Вся начинка браузера — графический движок на Rust, чей интерфейс написан на React с кастомным рендерером и всё рисуется на одном общем холсте — вынесена в JavaScript-библиотеку для создания собственных графических терминальных приложений.
Creator
zenbu-labs
Size
2.7 MB
Stars
3.9K
Age
3mo
Commits · 90 Days