Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lxieyang/vertical-tabs-chrome-extension

A chrome extension that presents your tabs vertically. Problem solved.
https://github.com/lxieyang/vertical-tabs-chrome-extension

chrome chrome-extension productivity react webpack

Last synced: 3 months ago
JSON representation

A chrome extension that presents your tabs vertically. Problem solved.

Host: GitHub
URL: https://github.com/lxieyang/vertical-tabs-chrome-extension
Owner: lxieyang
License: mit
Created: 2019-07-24T21:32:27.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2023-01-07T04:17:09.000Z (about 2 years ago)
Last Synced: 2024-08-01T21:55:33.725Z (6 months ago)
Topics: chrome, chrome-extension, productivity, react, webpack
Language: JavaScript
Homepage:
Size: 11.6 MB
Stars: 461
Watchers: 11
Forks: 102
Open Issues: 78
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

        # Vertical Tabs Chrome Extension

---

[](https://chrome.google.com/webstore/detail/vertical-tabs/pddljdmihkpdfpkgmbhdomeeifpklgnm) [](https://chrome.google.com/webstore/detail/vertical-tabs/pddljdmihkpdfpkgmbhdomeeifpklgnm)

[![Chrome Web Store](https://img.shields.io/chrome-web-store/v/pddljdmihkpdfpkgmbhdomeeifpklgnm)](https://chrome.google.com/webstore/detail/vertical-tabs/pddljdmihkpdfpkgmbhdomeeifpklgnm)

[![users](https://img.shields.io/chrome-web-store/users/pddljdmihkpdfpkgmbhdomeeifpklgnm)](https://chrome.google.com/webstore/detail/vertical-tabs/pddljdmihkpdfpkgmbhdomeeifpklgnm)

---

[![Build Status](https://travis-ci.org/lxieyang/vertical-tabs-chrome-extension.svg?branch=master)](https://travis-ci.org/lxieyang/vertical-tabs-chrome-extension)

![package.json version](https://img.shields.io/github/package-json/v/lxieyang/vertical-tabs-chrome-extension/master)

[![MIT License](https://img.shields.io/github/license/lxieyang/vertical-tabs-chrome-extension)](LICENSE)

[![dependencies Status](https://david-dm.org/lxieyang/vertical-tabs-chrome-extension/status.svg)](https://david-dm.org/lxieyang/vertical-tabs-chrome-extension)

[![devDependencies Status](https://david-dm.org/lxieyang/vertical-tabs-chrome-extension/dev-status.svg)](https://david-dm.org/lxieyang/vertical-tabs-chrome-extension?type=dev)

[![issues open](https://img.shields.io/github/issues-raw/lxieyang/vertical-tabs-chrome-extension)](https://github.com/lxieyang/vertical-tabs-chrome-extension/issues?q=is%3Aopen+is%3Aissue)

[![issues closed](https://img.shields.io/github/issues-closed-raw/lxieyang/vertical-tabs-chrome-extension)](https://github.com/lxieyang/vertical-tabs-chrome-extension/issues?q=is%3Aissue+is%3Aclosed)

[![pr open](https://img.shields.io/github/issues-pr-raw/lxieyang/vertical-tabs-chrome-extension)](https://github.com/lxieyang/vertical-tabs-chrome-extension/pulls?q=is%3Aopen+is%3Apr)

[![pr closed](https://img.shields.io/github/issues-pr-closed-raw/lxieyang/vertical-tabs-chrome-extension)](https://github.com/lxieyang/vertical-tabs-chrome-extension/pulls?q=is%3Apr+is%3Aclosed)

![last commit](https://img.shields.io/github/last-commit/lxieyang/vertical-tabs-chrome-extension/master)

![commit freq](https://img.shields.io/github/commit-activity/w/lxieyang/vertical-tabs-chrome-extension)

---

Please provide valuable feedback by:

- Creating a [new issue](https://github.com/lxieyang/vertical-tabs-chrome-extension/issues/new)

- Email: [email protected]

**Tab preview support is here 🕶️🕶️🕶️**



---

**Dark theme support is here 🕶️🕶️🕶️**



---

![preview](/preview/chrome-store/preview-1.png)

Youtube Preview Link: [https://youtu.be/BcpD38IjY6A](https://youtu.be/BcpD38IjY6A)

![dnd tabs](./preview/repo/dnd-tabs.gif)

   

---

## Features

- Auto show/hide sidebar.

- Dark theme support.

- Display tabs vertically in a sidebar on web pages.

- Tabs are displayed with the same style as Google Chrome.

- Drag and Drop to reorder tabs.

- Search and filter tabs.

- Context menu on tabs.

- Toggle the sidebar by clicking on the extension icon.

- Toggle the sidebar using the keyboard shortcut: **`Cmd + E`** (**`Ctrl + E`** on PC) ~~or `Ctrl` + `` ` `` or `Ctrl` + `Esc` or `Cmd` + `Esc` or `Opt` + `Esc` or `Alt` + `Esc`~~

  - Using keyboard shortcuts are recommended once you formed the corresponding muscle memory.

- The sidebar is resizable, and can be put on either the left or right of the browser window.

## 👉 👉 [Release Notes and Change log](/CHANGELOG.md)

---

Built with the following template:

👉 👉 [Chrome Extension Boilerplate with React 17 and Webpack 5](https://github.com/lxieyang/chrome-extension-boilerplate-react)

---

Built with [React](https://reactjs.org/), [Webpack](https://webpack.js.org/), and ❤ by Michael Xieyang Liu | [Website](https://lxieyang.github.io)