https://github.com/praisespjmt/aiontab-extension

AionTab is an extension for chromium based browsers like Chrome, Chromium, Edge, Brave, etc. The extension replaces the default browser new tab with a cool dark looking tab that has functionality for multiple search engines options, bookmark of AI chat sites, bookmarks of utility sites, cool analogue clock and more.
https://github.com/praisespjmt/aiontab-extension

Last synced: 3 months ago
JSON representation

AionTab is an extension for chromium based browsers like Chrome, Chromium, Edge, Brave, etc. The extension replaces the default browser new tab with a cool dark looking tab that has functionality for multiple search engines options, bookmark of AI chat sites, bookmarks of utility sites, cool analogue clock and more.

• Host: GitHub
• URL: https://github.com/praisespjmt/aiontab-extension
• Owner: PraisesPJMT
• License: mit
• Created: 2024-02-09T15:38:15.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-05T10:36:11.000Z (about 2 years ago)
• Last Synced: 2025-04-09T20:50:00.818Z (about 1 year ago)
• Language: HTML
• Homepage:
• Size: 666 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# `AionTab` 

## 📗 Table of Contents

- [`AionTab` ](#aiontab-)

  - [📗 Table of Contents](#-table-of-contents)

  - [📖 About AionTab Extension ](#-about-aiontab-extension-)

  - [🛠 Built With ](#-built-with-)

    - [⚙️ Tech Stack ](#️-tech-stack-)

    - [💡 Key Features ](#-key-features-)

  - [💻 Preview ](#-preview-)

  - [🚀 Extension Deployment Link ](#-extension-deployment-link-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage](#usage)

  - [👥 Developers ](#-developers-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

## 📖 About AionTab Extension 

> **`AionTab`** is an extension for both Chromium-based and Firefox-based brawser. This means the extension works for browsers like `Chrome`, `Chromium`, `Edge`, `Firefox`, `Brave`, and others. It replaces the default new tab with a cool, dark-looking tab offering various functionalities. These include multiple search engine options, bookmarks for AI chat sites and utility sites, a stylish analog clock, and more.

## 🛠 Built With 

### ⚙️ Tech Stack 

> Here are the tech stacks applied in this project.

  Markup

  


    
HTML5

    
CSS3

  


  Languages

  


    
JavaScript

  


(back to top)


### 💡 Key Features 

> The following are the key features of the extension.

- Perform web search with the option of choosing from mulptiple search engines (` Google`, `Bing`, `DockDockGo`, `Brave`, `YouTube`)

- Easily access popular AI chats such as `ChatGPT`, `Gemini`, and `Perplexity`

- Easily access utility web applications such as `Gmail`, `Google Drive`, `GitHub`, `Facebook`, `LinkedIn`, `Twitter`, `WhatsApp`, `Telegram`, and `Instagram`.

- See a nice looking analog clock with date and month

- Have a custom text displayed on the screen

(back to top)


## 💻 Preview 

> AionTab Extension Dark Mode preview

![AioTab](./assets/preview_dark.png)

> AionTab Extension Light Mode preview

![AioTab](./assets/preview_light.png)

## 🚀 Extension Deployment Link 

> Coming soon ...

[Live Link](link)

(back to top)


## 💻 Getting Started 

> This guide details the steps to install `AionTab` extension on browsers that are built on the Chromium engine like Chrome, Chromium, Edge, Brave, and Opera. The process also applies for browsers that are based on the Firefox engine like Firefox, Tor, Mullvad, LibreWolf and more. However, there is just a little variasion on how `developer mode` is enables on the browser.

> `NOTE:` If you are having problems enabling `developer mode` on your browser, you can google/search the web on how to do it before proceeding.

### Prerequisites

> The following applications are required to be installed for the `AionTab` extension!

Install a modern browser e.g

- [Google Chrome](https://www.google.com/chrome/)

- [Firefox](https://www.mozilla.org/)

- [Chromium](https://www.chromium.org/getting-involved/download-chromium/)

- [Edge](https://www.microsoft.com/en-us/edge?r=1)

- [Brave](https://brave.com/)

- [Opera](https://www.opera.com/)

- [Tor](https://www.torproject.org/download/)

- [Mullvad](https://mullvad.net/en/download/vpn/linux)

- [LibreWolf](https://librewolf.net/) etc.

(back to top)


### Setup

> The following are setups for the `AionTab` extension before installation

- Create a new folder in your computer `Documents` folder and name the folder `Extensions`.

- Download the [AionTab](https://github.com/PraisesPJMT/AionTab-Extension/) using this link: Download[ AionTab](https://github.com/PraisesPJMT/AionTab-Extension/archive/refs/heads/main.zip).

- Move the downloaded `AionTab-Extension-main.zip` zip file of the AionTab extension to the newly created `Extensions` folder.

- Extract the `AionTab-Extension-main.zip` file into the `Extensions` folder.

(back to top)


### Install

> Follow these steps to install the `AionTab` extension on Chromium-based browsers:

1. **Enable Developer Mode:** In your browser's extensions settings (e.g., `chrome://extensions`), activate "Developer mode".

2. **Load Unpacked Extension:** `Click` "Load unpacked" and select the `AionTab-Extension-main` folder containing the `AionTab` extension.

3. **Reload for Updates:** Changes to your extension won't reflect automatically. `Right-click` the extension icon and select "Reload" to see updates.

(back to top)


### Usage

> Open a new tab in your browser and enjoy using the `AionTab` extension.

(back to top)


## 👥 Developers 

👤 **Praises Musa Tula**

> **Github:** [@PraisesPJMT](https://github.com/PraisesPJMT/)

>

> **LinkedIn:** [Praises Musa Tula](https://www.linkedin.com/in/praises-tula/)

>

> **Twitter:** [@PraisesPJMT](https://twitter.com/PraisesPJMT/)

>

> **Email:** [praisesmusa@gmail.com](mailto:praisesmusa@gmail.com)

## 🔭 Future Features 

> The following are features to be expected in the future

- [x] **Add functionality for selecting a different dark or light theme**

- [ ] **Add functionality for selecting a different accent color**

- [ ] **Add functionality for getting and displaying weather**

- [x] **Add functionality for selecting a clock displayed in either analog or digital form**

- [ ] **Add functionality for adding different timezones**

- [ ] **Add functionality for selecting a custom background picture**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

UI inspired by [Simple Analog Clock Using HTML, CSS & Javascript](https://dev.to/code_mystery/simple-analog-clock-using-html-css-javascript-2c6a) published by Foolish Developer

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

**| PJMT |**