WidTab

WidTab is a chrome extension which allows you to customize new tab by adding various widgets and creating different themes.

Features • Installation Guide
Contributing • Issues and Support • License

🔗 Important Links

Github: https://github.com/bibekbhusal0/WidTab

Live : https://bibekbhusal0.github.io/WidTab/

💻 Tech Docs

• Vite
• React
• Vite Plugin
• Chrome Extension with manifest 3
• Rollup
• @crxjs/vite-plugin
• Tailwind CSS
• Redux Toolkit
• Material UI

✨ Features

• Customizable Themes: Create multiple themes to match your style, each theme is fully customizable.
• Widgets: Add widget from many different types of widget.
• Multiple Spaces: Create multiple spaces, each space can contain many widgets.
• Dock: Dock can allow to quickly navigate between spaces and links.

Different widgets

• Search
• Clock
• Calendar
• Timer
• Bookmark
• Note
• TodoList
• Habit Tracker
• Gemini
• Custom (embed any website you like)

Dynamic and Static widgets

In dynamic space, different widgets can be added and moved around. There can be many Dynamic Spaces. Static space can't be customized as dynamic space it contains all bookmark or all notes or all habit trackers or all todo list. New Static space can't be added.

📥 Installation Guide

Download

Download Latest build for you browser (chrome or firefox) from Build Page

---

Build yourself

1. Clone the Repository:

   git clone https://github.com/bibekbhusal0/WidTab.git

2. Install all required packages:

   npm install

3. Run the build:

   For firefox based browser

   npm run build:firefox

   For Chromium based browser

   npm run build:chrome

Installation

Chromium-Based Browsers

2. Manual Installation:

   • Build the extension or downloaded zip files from actions page.

   • Open Extensions Page: Open your preferred browser and enter the following text in the address bar

     • Chrome: chrome://extensions

     • Edge: edge://extensions

     • Brave: brave://extensions

     • Opera: opera://extensions

   • Enable Developer Mode:

     • Turn on Developer Mode in the extensions page.

   • Load Unpacked Extension:

     • Click on Load unpacked and select your extracted extension folder.

---

Firefox

2. Manual Installation:

   • Build the extension or downloaded zip files from actions page.

   • Load Temporary Add-on:

     • Go to about:debugging#/runtime/this-firefox, select "This Firefox", then click Load Temporary Add-on.
     • Browse and select the updated manifest.json.

📜 License

MIT

Credit