mbnuqw/sidebery

★ 4,584TypeScriptAudience · generalComplexity · 1/5LicenseSetup · easy

Mindmap

mindmap
  root((Sidebery))
    Tab display
      Flat vertical list
      Tree nesting
      Named tab groups
    Bookmarks
      Drag tabs to save
      Open without duplicating
    Firefox containers
      URL assignment rules
      Proxy per container
    Customization
      CSS variables
      Custom CSS injection
      Auto snapshots

mindmap root((Sidebery)) Tab display Flat vertical list Tree nesting Named tab groups Bookmarks Drag tabs to save Open without duplicating Firefox containers URL assignment rules Proxy per container Customization CSS variables Custom CSS injection Auto snapshots

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Replace Firefox's horizontal tab bar with a collapsible vertical sidebar that nests tabs opened from links underneath their parent page.

USE CASE 2

Assign URL rules to Firefox containers so work sites always open in your Work context and personal sites in Personal, without manual switching.

USE CASE 3

Use the auto-snapshot feature as a session backup that periodically saves all open windows and tabs.

USE CASE 4

Customize the sidebar appearance with CSS variables to match your own Firefox theme.

Tech stack

TypeScriptCSSFirefox WebExtensions API

Getting it running

Difficulty · easy Time to first run · 5min

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Sidebery is a Firefox browser extension that moves your tabs and bookmarks into a collapsible sidebar panel on the left or right side of the browser window. Instead of the default horizontal row of tabs at the top, you get a vertical list that can grow as long as you need without tabs shrinking to tiny icons. The tab list can be displayed in two ways: a flat list that works like the normal tab bar but vertical, or a tree structure where tabs that you opened from a link on another page are nested underneath their parent. In tree mode you can collapse groups of related tabs to keep the view clean. You can also create named tab groups manually to organize pages by topic or project. Bookmarks get their own panel in the same sidebar. You can drag tabs into the bookmarks panel to save them, and drag bookmarks out to open them as tabs. Clicking a bookmark that is already open as a tab switches to that tab rather than opening a duplicate. Sidebery supports Firefox containers, which are a built-in Firefox feature that keeps cookies and login sessions separate between different browser contexts. The extension lets you assign URL rules and proxy settings to each container, so certain websites always open in a specific context automatically. The appearance is highly customizable. The extension exposes CSS variables and allows direct custom CSS injection so you can adjust colors, spacing, fonts, and layout to match a personal preference. There is also an auto-snapshot feature that periodically saves a record of all open windows and tabs, acting as a simple session backup. The extension is open source under the MIT license.

Copy-paste prompts

Prompt 1

I installed Sidebery in Firefox and want to hide the default horizontal tab bar. How do I do that using userChrome.css?

Prompt 2

I have 5 Firefox containers, Work, Personal, Shopping, Research, Social. How do I set up Sidebery URL rules so sites automatically open in the right container?

Prompt 3

How do I customize Sidebery's look using its CSS variables to change the background color, font size, and tab height?

Prompt 4

I want Sidebery to collapse all tabs in a group automatically when I switch to a different group. Is this possible and how do I configure it?

Open on GitHub → Explain another repo

← mbnuqw on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.