Add features table with images to README (#63)
* Add features table with images to README Replace the hero screenshot and add a visual features table showing notification rings, notification panel, in-app browser, and vertical tabs & splits with per-feature screenshots. * Rename feature heading to "Vertical + horizontal tabs" * Remove parenthetical from notification rings description
This commit is contained in:
parent
ad159daa80
commit
f2f4fb8a22
6 changed files with 40 additions and 6 deletions
46
README.md
46
README.md
|
|
@ -12,16 +12,50 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<img src="./docs/assets/screenshot.png" alt="cmux screenshot" width="900" />
|
<img src="./docs/assets/main-first-image.png" alt="cmux screenshot" width="900" />
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- **Vertical tabs** — Sidebar shows git branch, working directory, listening ports, and latest notification text
|
<table>
|
||||||
- **Notification rings** — Panes get a blue ring and tabs light up when AI agents (Claude Code, OpenCode) need your attention
|
<tr>
|
||||||
- **Notification panel** — See all pending notifications in one place, jump to the most recent unread
|
<td width="40%" valign="top">
|
||||||
- **Split panes** — Horizontal and vertical splits
|
<h3>Notification rings</h3>
|
||||||
- **In-app browser** — Split a browser alongside your terminal with a scriptable API ported from [agent-browser](https://github.com/vercel-labs/agent-browser)
|
Panes get a blue ring and tabs light up when AI agents need your attention
|
||||||
|
</td>
|
||||||
|
<td width="60%">
|
||||||
|
<img src="./docs/assets/notification-rings.png" alt="Notification rings" width="100%" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td width="40%" valign="top">
|
||||||
|
<h3>Notification panel</h3>
|
||||||
|
See all pending notifications in one place, jump to the most recent unread
|
||||||
|
</td>
|
||||||
|
<td width="60%">
|
||||||
|
<img src="./docs/assets/sidebar-notification-badge.png" alt="Sidebar notification badge" width="100%" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td width="40%" valign="top">
|
||||||
|
<h3>In-app browser</h3>
|
||||||
|
Split a browser alongside your terminal with a scriptable API ported from <a href="https://github.com/vercel-labs/agent-browser">agent-browser</a>
|
||||||
|
</td>
|
||||||
|
<td width="60%">
|
||||||
|
<img src="./docs/assets/built-in-browser.png" alt="Built-in browser" width="100%" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td width="40%" valign="top">
|
||||||
|
<h3>Vertical + horizontal tabs</h3>
|
||||||
|
Sidebar shows git branch, working directory, listening ports, and latest notification text. Split horizontally and vertically.
|
||||||
|
</td>
|
||||||
|
<td width="60%">
|
||||||
|
<img src="./docs/assets/vertical-horizontal-tabs-and-splits.png" alt="Vertical tabs and split panes" width="100%" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
- **Scriptable** — CLI and socket API to create workspaces, split panes, send keystrokes, and automate the browser
|
- **Scriptable** — CLI and socket API to create workspaces, split panes, send keystrokes, and automate the browser
|
||||||
- **Native macOS app** — Built with Swift and AppKit, not Electron. Fast startup, low memory.
|
- **Native macOS app** — Built with Swift and AppKit, not Electron. Fast startup, low memory.
|
||||||
- **Ghostty compatible** — Reads your existing `~/.config/ghostty/config` for themes, fonts, and colors
|
- **Ghostty compatible** — Reads your existing `~/.config/ghostty/config` for themes, fonts, and colors
|
||||||
|
|
|
||||||
BIN
docs/assets/built-in-browser.png
Normal file
BIN
docs/assets/built-in-browser.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 865 KiB |
BIN
docs/assets/main-first-image.png
Normal file
BIN
docs/assets/main-first-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
docs/assets/notification-rings.png
Normal file
BIN
docs/assets/notification-rings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
docs/assets/sidebar-notification-badge.png
Normal file
BIN
docs/assets/sidebar-notification-badge.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 546 KiB |
BIN
docs/assets/vertical-horizontal-tabs-and-splits.png
Normal file
BIN
docs/assets/vertical-horizontal-tabs-and-splits.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Loading…
Add table
Add a link
Reference in a new issue