Keep tabs on your tabs.
Tab Out is a Chrome extension that replaces your new tab page with a dashboard of everything you have open. Tabs are grouped by domain, with homepages (Gmail, X, LinkedIn, etc.) pulled into their own group. Close tabs with a satisfying swoosh + confetti.
No server. No account. No external API calls. Just a Chrome extension.
- See all your tabs at a glance on a clean grid, grouped by domain
- Homepages group pulls Gmail inbox, X home, YouTube, LinkedIn, GitHub homepages into one card
- Close tabs with style with swoosh sound + confetti burst
- Duplicate detection flags when you have the same page open twice, with one-click cleanup
- Click any tab to jump to it across windows, no new tab opened
- Save for later bookmark tabs to a checklist before closing them
- Localhost grouping shows port numbers next to each tab so you can tell your vibe coding projects apart
- Expandable groups show the first 8 tabs with a clickable "+N more"
- 100% local your data never leaves your machine
- Pure Chrome extension no server, no Node.js, no npm, no setup beyond loading the extension
1. Navigate to the extension folder
This lives inside dsa-ai-workflows/tab-out-chrome/extension/. If you have the repo cloned, you're already set.
2. Load the Chrome extension
- Open Chrome and go to
chrome://extensions - Enable Developer mode (top-right toggle)
- Click Load unpacked
- Navigate to the
extension/folder inside the cloned repo and select it
3. Open a new tab
You'll see Tab Out.
You open a new tab
-> Tab Out shows your open tabs grouped by domain
-> Homepages (Gmail, X, etc.) get their own group at the top
-> Click any tab title to jump to it
-> Close groups you're done with (swoosh + confetti)
-> Save tabs for later before closing them
Everything runs inside the Chrome extension. No external server, no API calls, no data sent anywhere. Saved tabs are stored in chrome.storage.local.
Tab Out includes a built-in artifacts gallery for hosting HTML pages, slides, and dashboards.
Setup:
# Start the gallery server
cd artifacts
python3 -m http.server 8091Then create extension/config.local.js to enable the link on your new tab page:
const LOCAL_SQUIBBLES_URL = 'http://localhost:8091';
const LOCAL_SQUIBBLES_LABEL = 'My Squibbles';A random Pokemon sprite appears next to the link on every new tab. Add your own HTML pages to artifacts/pages/ and register them in the ARTIFACTS array in artifacts/index.html.
Create extension/config.local.js (gitignored) to customize Tab Out:
// Landing pages to group separately
const LOCAL_LANDING_PAGE_PATTERNS = [
{ hostname: 'app.slack.com', pathExact: ['/'] },
];
// Custom domain groups (merge subdomains, split by path)
const LOCAL_CUSTOM_GROUPS = [
{ hostname: 'app.example.com', groupKey: 'example', groupLabel: 'Example App' },
];
// Squibbles gallery link
const LOCAL_SQUIBBLES_URL = 'http://localhost:8091';
const LOCAL_SQUIBBLES_LABEL = 'My Squibbles';| What | How |
|---|---|
| Extension | Chrome Manifest V3 |
| Storage | chrome.storage.local |
| Sound | Web Audio API (synthesized, no files) |
| Animations | CSS transitions + JS confetti particles |
By Shan.Sun@Airtable — forked and refined from original source zarazhangrui/tab-out.
MIT