zenbu-labs/terminal-browser

▲ 1,960 stars today★ 2,957⑂ 140

A browser inside your terminal

2,957Star
140Fork
0Watch
0Issue
TypeScriptLanguage
-License
Created · last push · repository size 0 KB · default branch -

README

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

Usage

terminal-browser # launches the browser
terminal-browser open  # opens the browser at a url
terminal-browser --split right # opens the browser in a split pane to the right
terminal-browser open --ssh   # 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

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.

SSH

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

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

More Today's Trending projects

1

debpalash / VoiceStudio

Python★ 29,840⑂ 3,606▲ 2,776 stars
2

JustVugg / colibri

C★ 32,609⑂ 3,430▲ 2,173 stars
3

bilawalsidhu / gods-eye-view

JavaScript★ 33,945⑂ 6,772▲ 1,831 stars
4

alibaba / open-code-review

Go★ 26,516⑂ 1,906▲ 1,571 stars
5

ever-co / ever-gauzy

TypeScript★ 6,164⑂ 994▲ 1,130 stars
6

pacifio / atlas

Rust★ 4,440⑂ 274▲ 1,091 stars