| .cursor/commands | ||
| .github/workflows | ||
| .vscode | ||
| apps | ||
| packages | ||
| .dockerignore | ||
| .gitignore | ||
| .prettierrc.cjs | ||
| .versionrc | ||
| eslint.config.js | ||
| fly.web.toml | ||
| LICENSE | ||
| mise.toml | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| shell.nix | ||
| turbo.json | ||
| web.Dockerfile | ||
EchoTab
Overview
EchoTab is a keyboard-first Chrome extension for managing browser tabs. Save tabs, organize them with tags, and find them fast.
Core features:
- Save and close tabs with a single shortcut
- Tag-based organization with bulk operations
- Fast fuzzy search across all saved tabs
- Shareable collections via public links
- Data stays local (unless explicitly shared)
Tech stack:
- Extension: React, TypeScript, WXT (Vite), Zustand, shadcn-ui, cmdk
- Web: Next.js
- Monorepo: Turborepo, pnpm
Installing
You can install the extension in a couple of ways:
Installing from the Web Store
Building from Source
After downloading the code, run the following commands:
pnpm install
npx turbo build
After obtaining the build, follow these steps to add the extension to your browser:
- Open the extensions page in Chrome (
chrome://extensions or edge://extensions). - Enable Developer Mode.
- Drag the downloaded build folder onto the extensions page to import it. Do not delete the folder afterward.
Development
To set up the development environment, run the following commands:
npm install
npx turbo dev
Generating a consistent development key
It's useful to have a consistent extension ID during development. One way to do it is by using the Chrome Developer Dashboard (it requires paying a 5$ fee, though).
You can also generate a key locally by following these steps:
- Generate keys:
openssl genrsa 2048 | openssl pkcs8 -topk8 -nocrypt -out key.pem
openssl rsa -in key.pem -pubout -outform DER | openssl base64 -A
- Generate extension ID:
openssl rsa -in key.pem -pubout -outform DER | shasum -a 256 | head -c32 | tr 0-9a-f a-p
Why yet another tab management extension?
Previously, I've used OneTab and Toby but wanted something in-between with the following characteristics:
- No sign-up required for data import/export and other extra features.
- Simple and clean UI.
- Basic search/filtering capabilities.
- Intuitive tagging with excellent keyboard support.
- Smooth performance even with a large number (1000+) of saved tabs.
License
Licensed under the MIT license.