GitHub - krehwell/tapmytab: kanban chrome and firefox tab extension. crafted with laziness and some love! πŸ› οΈπŸ’•

GitHub

2 min read Original article β†—

tapmytab ui

✨ Features

  • ✏️ Capture ideas instantly: jot down notes, brain dumps, links, or quick sketches the moment they come up.
  • πŸ“‹ Plan with a built-in Kanban board: create boards, organize cards, and keep work moving in one place.
  • 🎯 Drag, drop, and reorder freely: move cards across columns and boards with zero friction.
  • 🎨 Sketch ideas visually: draw diagrams, flows, and rough concepts when text is not enough.
  • πŸ“ Write your way: full Markdown and rich-text support for clean notes, detailed cards, and better formatting.
  • πŸ”Ž Searchable tasks: find all tasks easily with fuzzy search tool built-in
  • 🏷️ Stay organized: use custom tags, filters, and due dates to find what matters and keep deadlines visible.
  • πŸ”„ Sync across tabs: changes made in one tab appear everywhere else instantly.
  • πŸ’Ύ Keep your data portable: export or import boards whenever you want to back up, move, or archive them.
  • πŸ”’ Fully local and private: your data stays on your device. No cloud account, tracking, or internet connection required.
  • πŸͺΆ Tiny and lightweight: ~2 MB, no unnecessary bloat.
  • ♾️ No artificial limits: create as many boards and cards as you need, stored locally.
  • 🌟 Open Source: if you think it's a feature?
  • 🦊 Works across browsers: available on Chrome & Firefox

πŸ“¦ Installation

We love Deno and you should too

cd ./tapmytab
deno install --allow-scripts
deno task dev

⚑️ Getting the dev extension to work locally

  1. The deno task dev script will generate a dist/ dir which you can load it to the chrome extension. See Instruction

  2. If you have load unpacked the dist/ into your chrome://extensions/ now you can open a new tab and override the tab with the dev extension. Any changes will trigger the hot-reload

or simply run localhost:5173 if you're lazy (cards won't persist though)

🚒 Build & Publish

Bump the version first on: deno.json, manifest.json, and manifest.firefox.json then

# build for chrome & firefox
deno task zip 

Chrome Web Store: upload tapmytab-chrome.zip at chrome developer dashboard

Firefox Add-ons: upload tapmytab-firefox.zip at addons.mozilla.org/developers

Note: the Firefox build swaps in manifest.firefox.json after the Chrome build, so always produce the Firefox zip with zip:firefox (not by hand) to get the right manifest.