🔍 UnTab

A productivity tool to boost your browser workflow!

Ctrl + Shift + Space and boom 🎉!

Most of us have dozens of open tabs, and it quickly becomes cumbersome to manage them efficiently. UnTab is a browser extension that gives you superpowers by making it possible to search through open tabs and perform common actions with just a few keystrokes. This in turn boosts productivity and makes you look like a hero!

Currently, UnTab is being built as a browser extension for Chrome and Chromium based browsers. All features work on Firefox too except for favicons which would be solved in the coming days.

Demo

Project Setup

Clone the repository

git clone https://github.com/blenderskool/untab.git
cd untab

Understanding the directory structure

• src: Primary source directory where the magic happens!

  • background: Background Script for the extension
  • content: Content Script for the extension
  • components: UI components written using Svelte. (App.svelte is the main root component)
  • manifest.json: Extension manifest file

• dist: This directory contains the built files from the src

• rollup.config.js: Project build configuration is setup using rollup.

Build the project

To install the extension on the browser, first build the project using the following command.

npm run build

All the built files are generated in the dist directory.

Install on Browser

• Go to the extensions page on your browser. For Chrome and Chromium based browsers go to chrome://extensions
• Turn ON Developer mode
• Click on Load Unpacked
• Select the dist folder that was generated after the build step. The extension should now show up on the list
• Go to any page and press Ctrl + Shift + Space or Command + Shift + Space (on Mac) to open UnTab.
• NOTE: Whenever, the build files are changed, to get the changes synced with the installed extension, click on the reload icon next to the installed extension.

License

UnTab is MIT Licensed