• Stars
    star
    345
  • Rank 122,750 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 4 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🔍 A productivity tool to boost your browser workflow!
🔍 UnTab

A productivity tool to boost your browser workflow!

Ctrl + Shift + Space and boom 🎉!

Chrome download Firefox download

Supported by FOSS United

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!

UnTab is officially supported on following browsers:

  • Google Chrome(via Chromium support)
  • Firefox browser
  • Microsoft Edge(via Chromium support)

UnTab might also be compatible with other browsers that use Chromium under the hood.

Demo

UnTab

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.

Chrome and other Chromium based browsers

npm run build

Firefox

npm run build:firefox

All the built files are generated in the dist directory.

Install on Browser

Chrome and other Chromium based browsers

  • Go to chrome://extensions.
  • Turn ON Developer mode.
  • Click on Load Unpacked.
  • Select the dist folder and it will check for manifest.json on its own. 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.

Firefox

  • Go to about:debugging and select This Firefox on the left sidebar.
  • Click on Load Temporary Add-on... button.
  • Select the manifest.json file in 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 button in the extension that was installed in the 3rd step.

Privacy and Analytics

  • UnTab does not store or send anything searched/selected in UnTab interface to a server.
  • The search index(which includes opened tabs, recent browser history, bookmarks, etc.) prepared by UnTab is generated on the client side everytime and is never sent or stored in a server.

Analytics

Analytics is kept to a minimum and Google Measurement protocol is being used for these basic analytics. Unlike the regular Google Analytics used on websites, Google Measurement protocol only records the data explicitly defined in code.

  • Browser UserAgent is recorded.
  • Browser location is recorded.
  • Fingerprinting or Returning browser sessions are not recorded.

Following events are tracked:

  • Opening the UnTab interface.
  • Selecting some item in the UnTab interface.
    (NOTE: The content itself in any form is not sent, just an indication that above event occurred)

License

UnTab is MIT Licensed

More Repositories

1

blaze

⚡ File sharing progressive web app built using WebTorrent and WebSockets
JavaScript
2,227
star
2

kaleidoscope

🍀 A small collection of creative nodes to generate color palette and store values for Blender
Python
118
star
3

pigmnts

🎨 Color palette generator from an image using WebAssesmbly and Rust
Rust
71
star
4

diode

🔌 Open-source API proxy server with an easy-to-use dashboard for configuring middlewares and secrets.
TypeScript
45
star
5

vyaakaran

📜 Visualize formal languages and automata
TypeScript
42
star
6

react-code-block

🧩 Set of unstyled UI components to build powerful code blocks in React.
MDX
32
star
7

color-pop

🌈 Automatic Color Pop effect on any image inspired by Google Photos
TypeScript
26
star
8

blender-depot-importer

📦 Importer add-on to batch install Blender add-ons from the Blender Depot platform
Python
21
star
9

mocktopus

🐙 AI powered CLI tool to generate mock data for anything!
Go
18
star
10

lexico

🔭 Powerful data searching with terse syntax
TypeScript
14
star
11

react-localstorage-hooks

🔄 A collection of React hooks for reactively managing localStorage.
TypeScript
10
star
12

ase-swatch

Create Adobe Swatch Exchange (ASE) Files for colors and palette
Rust
5
star
13

breathe

💧 Get Air Quality Data of any place in a very simplified interface
JavaScript
4
star
14

game-pay

💳 A simple payment app for board games using WebNFC
JavaScript
3
star
15

pencil

📝 Static documentation website generator using Markdown
JavaScript
3
star
16

clown-pass-blender

DEPRECATED. Clown Pass add-on for Blender would allow you to create a mask which shows every material with a separate color
Python
3
star
17

canvas-elements

🖌️ Library of commonly used components for HTML5 Canvas made easy to use
TypeScript
2
star
18

collect

This is a simple Savings Bank app which allows you to deposit and withdraw money
JavaScript
1
star
19

blenderskool-documentation

This was the documentation site of Blender Skool addons
HTML
1
star
20

react-places

JavaScript
1
star