gitwtfhub

wtf is tab-ban-board?

hirohito/tab-ban-board — explained in plain English

Analysis updated 2026-05-18

0TypeScriptAudience · generalComplexity · 2/5LicenseSetup · easy

TL;DR

A Chrome extension that turns your new tab page into a Kanban board organizing your open tabs into columns by domain.

Mindmap

mindmap
  root((tab-ban-board))
    What it does
      Kanban tab board
      Domain based columns
      Duplicate detection
      Live updates
    Tech stack
      TypeScript
      React
      Chrome Manifest V3
      Tailwind CSS
    Use cases
      Tab organization
      Duplicate cleanup
      Dev server tracking
    Audience
      Heavy tab users
      Chrome extension users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Organize dozens of open browser tabs into columns by domain to find and close them faster.

REASON 2

Spot and clean up duplicate open tabs across windows with one click.

REASON 3

Keep local development server tabs separated by port in their own column.

What's in the stack?

TypeScriptReactChrome ExtensionTailwind CSS

How it stacks up

hirohito/tab-ban-board0xradioac7iv/tempfs52191314/web-agent-proxy-sdk
Stars000
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderatemoderate
Complexity2/53/54/5
Audiencegeneraldeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

The built extension is already committed, so install is just loading the extension/ folder unpacked in Chrome, no build step needed for end users.

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

Wtf does this do

Tab-Ban Board is a Chrome extension that replaces your new tab page with a Kanban style board of all your currently open tabs, arranged into columns by root domain. All your GitHub tabs land in one column, all your Google tabs in another, and your local development servers get their own column too. It is described as a Kanban remix of an earlier extension called Tab Out, rebuilt with a shadcn UI based interface. Columns are arranged with any existing Chrome tab groups shown first, keeping their original name and color, followed by columns grouped by domain sorted by how many tabs are open, and finally a single Other column that collects every domain with just one lone tab so the board does not sprawl. Sites hosted on shared platforms are handled so that, for example, two different people's github.io pages get separate columns rather than being merged together, and localhost tabs get their own column with port numbers shown so you can tell different local dev servers apart. You can click any card to jump straight to that tab, close a single tab or an entire column of tabs in one click, and duplicate tabs collapse into a single card with a count badge and a cleanup option. The board updates live as tabs open, close, and navigate, and it supports both light and dark mode based on your system setting. According to the README, everything runs locally at runtime, favicons come from Chrome's own cache, fonts are bundled into the extension, and no data leaves your machine or is sent to any external server. The extension is built with Chrome's Manifest V3, React, shadcn UI components, and Tailwind CSS, and the already built extension files are committed to the repository, so installing it just means loading the extension folder as an unpacked extension in Chrome, no build step required. It is released under the MIT license as a derivative of the original Tab Out project.

Yoink these prompts

Prompt 1
Walk me through loading tab-ban-board as an unpacked Chrome extension.
Prompt 2
Explain how tab-ban-board decides which column a tab belongs to.
Prompt 3
Show me how to set up the development environment for tab-ban-board using npm.
Prompt 4
Help me understand the pre-commit hook that rebuilds the extension folder.

Frequently asked questions

wtf is tab-ban-board?

A Chrome extension that turns your new tab page into a Kanban board organizing your open tabs into columns by domain.

What language is tab-ban-board written in?

Mainly TypeScript. The stack also includes TypeScript, React, Chrome Extension.

What license does tab-ban-board use?

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

How hard is tab-ban-board to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is tab-ban-board for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.