A tiling window manager for Logseq's right sidebar.
Open multiple pages side-by-side with tabs, keyboard-driven navigation,
drag-and-drop reordering, resizable panes, and project workspaces.
Installation • Features • Shortcuts • Workflow • FAQ
To understand a complex problem, idea, or concept you need to understand its small pieces. To understand how to build a rocket, you need to understand every part of it. We take a system or concept and pull it downwards to the point of irreducibility — bullet points, Zettelkasten, atomic notes are perfect for that.
Panes mode allows you to manipulate these small pieces in wiki-style easily and see the big picture / find connections between panes to understand complex ideas.
In the LLM world we are dealing with more and more information every day, more and more abstractions. We need tools to see and operate more information at the same time and keeping track on details.
Logseq current UI is great at outlining but not perfect for further work with data. What's the point of outlining if you can't work with your outlined data?
- Break down the problem — Open an LLM, ask it to divide a complex problem into parts. Create tasks for those parts.
- Dive into each part — Start asking the LLM about individual parts. Create a pane for each part, write down important details and your understanding of it. Each individual part will require more panes for its smaller components. Create Anki cards when you understand pane and use Anki Sync.
Video showcase:
| Feature | Description |
|---|---|
| Tabbed sidebar | Horizontal or vertical tab bar for all open panes |
| Keyboard-first navigation | Switch, reorder, close, resize, collapse, and scroll panes without touching the mouse |
| Pane resizing | Drag handles at the bottom-right of panes |
| Drag-and-drop reordering | Rearrange panes by dragging the pane header |
| Pane switcher | Fuzzy-search modal to jump to any open pane (Cmd/Ctrl+S) |
| Projects | Save and restore sets of panes as named workspaces (Cmd/Ctrl+Shift+S) |
| Auto "More..." | Automatically expands "More..." in panes so you never have to click it anyMore |
| Extensive UI/behaviour settings | Select colors and behaviour of new UI |
| Shortcut | Action |
|---|---|
Shift+Scroll |
Horizontal scrolling |
Cmd/Ctrl+Shift+Y |
Toggle Panes Mode |
Cmd/Ctrl+E |
Next pane |
Cmd/Ctrl+Q |
Previous pane |
Cmd/Ctrl+W |
Close current pane |
Cmd/Ctrl+Shift+C |
Toggle pane collapse |
Cmd/Ctrl+Shift+H |
Move pane left |
Cmd/Ctrl+Shift+L |
Move pane right |
Cmd/Ctrl+S |
Pane switcher |
Cmd/Ctrl+Shift+S |
Projects |
Cmd/Ctrl+Shift+B |
Toggle tabs visibility |
Cmd/Ctrl+Shift+M |
Toggle multi-column (pane must be wide enough) |
Cmd/Ctrl+Arrow Up/Down |
Scroll active pane |
Cmd/Ctrl+Shift+Arrow Left/Right |
Resize active pane |
Cmd/Ctrl+G |
Jump to bottom of pane |
Cmd/Ctrl+U |
Jump to top of pane |
Cmd/Ctrl+Shift+T |
Toggle tabs visibility |
Cmd/Ctrl+Shift+F |
Focus text in active pane |
Cmd/Ctrl+J / Cmd/Ctrl+K |
Navigate native/plugin search/selector |
Cmd/Ctrl+1-9 |
Jump to pane by number |
- New pane placement — Every new pane opens to the right of the current active/selected one, same for opening existing panes.
- Persistent layout — Size, order, collapse of panes is stored in localStorage and logseq plugin storage and restored when toggling on/off. There are 2 panes size modes: "Fit content" (toggled by the arrow left of the close icon) and manual resize with the right bottom edge handle. Both are saved.
- Projects (
Cmd/Ctrl+Shift+S) — Save and restore which panes are open, their order, size, and collapsed state. When you're deep into a project but need to switch to another subject/research, save the current panes state in a Project and restore it when needed. - Max panes / Clean unused panes — Max panes is mostly useful for the "Clean unused panes" button. It removes every pane except the last N (max panes number in settings) active panes. Click it when things start to feel laggy. When auto-close is ON (off by default), the plugin will auto-close panes until the max-panes number remains.
- Styles from video - Here.
- No bloated dependencies — All pure TypeScript, no millions of unchecked node modules.
- No network requests — Your anime watchlist is safe.
- Read-only on your data — The plugin only makes UI changes, it never touches your notes or graph data. (It can occasionally break Logseq's UI — restart Logseq to reset.)
- Open Logseq
- Go to Settings > Plugins > Marketplace
- Search for Panes Mode
- Click Install
- Download the latest release from the Releases page
- Unzip to a folder
- In Logseq, go to Settings > Plugins
- Click Load unpacked plugin and select the release folder
npm install
npm run dev
npm run buildWill the DB version be supported?
Yes, but only when 'effect': true is added to DB by the Logseq team and the DB version is officially released. If the project gets many requests to suport DB or installs or github stars, I will update it for DB before official release — but you'll need to install the plugin manually from GitHub.
Known issues:
- It's an MVP with a new UI concept — Expect bugs. Most are solved by the "Sync panes order" action button or toggling the plugin off and on.
- Cursor disappears after editing without changing file state — Desync between custom UI and Logseq page state. Reopen the page or restart Logseq.
- Tabs state doesn't match panes state — Use "Sync panes order". If that doesn't work, toggle the plugin off/on.
- Plugin doesnt work as i saw on video, logic is constantly off — Most likelly you have potato pc. Try to play with Dom wait coeficient in plugin settings, increase it by 0.5 till its working properly. It is a hack that saved me day or two of work, i will replace it when i have free time.
At least 70% of the code is written by agents, only core parts by flesh being. If something looks like unreadable slop, most likely it is — don't overthink it. Feel free to use agents on top, but no more than 512 lines of slop per PR and testing is on you first.