Harbor - Tab Sessions

Live Demo ↗

Save groups of browser tabs and restore complete workflows whenever you need them.

Harbor is a React and TypeScript tab-session manager featuring named session saving, pinned-tab support, local browser storage and flexible restoration into a new or current window. It provides a clean source-code foundation for productivity tools, research utilities and client extension projects.

Perfect For

✓ Productivity Applications

✓ Research Workflows

✓ Students

✓ Remote Workers

✓ Developers

✓ Content Teams

✓ Project Managers

✓ Browser Utility Products

✓ Internal Business Tools

✓ Agency Client Projects

Why Choose Harbor?

✓ Save complete browser-window sessions

✓ Create custom session names

✓ Restore sessions into a new window

✓ Add saved tabs to the current window

✓ Preserve pinned-tab status

✓ Rename and delete saved sessions

✓ Preview saved tab titles

✓ Store session data locally

✓ Automatically skip restricted browser pages

✓ Minimal browser permissions

✓ Clean and organised source code

✓ Easy to customise and extend

✓ No recurring subscription fees

What’s Included

Your download includes:

📦 Complete React & TypeScript Source Code

📦 Chrome Manifest V3 Production Build

📦 Tab Session Manager Popup

📦 Current-Window Tab Capture

📦 Custom Session Naming

📦 Automatic Session Naming

📦 New-Window Restoration

📦 Current-Window Restoration

📦 Pinned-Tab Preservation

📦 Session Renaming

📦 Session Deletion

📦 Delete Confirmation

📦 Session Tab Previews

📦 Local Session Storage

📦 Restricted URL Filtering

📦 Success & Error Feedback

📦 Extension Icons & Assets

📦 WXT Configuration

📦 TypeScript Configuration

📦 Package Configuration

📄 Documentation (README.md)

Key Features

✓ Save Current Window Tabs

✓ Display Savable Tab Count

✓ Custom Session Names

✓ Automatic Date-Based Session Names

✓ Save Tab Titles

✓ Save Tab URLs

✓ Preserve Pinned Tabs

✓ Restore Into a New Window

✓ Add Tabs to the Current Window

✓ Keep Existing Tabs Open

✓ Rename Saved Sessions

✓ Delete Saved Sessions

✓ Delete Confirmation

✓ Display Session Tab Count

✓ Display Last Updated Date

✓ Preview Up to Six Tab Titles

✓ Additional Tab Count Display

✓ Most-Recently-Updated Sorting

✓ Maximum of 40 Saved Sessions

✓ Local Browser Storage

✓ Restricted Page Exclusion

✓ Empty Session State

✓ Save and Restore Feedback

✓ Error Handling

Technology Stack

Built using modern browser-extension technologies:

✓ React 19

✓ TypeScript

✓ WXT

✓ Manifest V3

✓ Browser Tabs API

✓ Browser Windows API

✓ Browser Storage API

✓ Crypto Random UUID API

✓ Component-Based Architecture

✓ Modern CSS

✓ Modern Folder Structure

Performance Features

Designed for fast tab-management workflows:

✓ Local Session Storage

✓ No External API Requests

✓ No Remote Database

✓ Lightweight Popup Interface

✓ Automatic Session Sorting

✓ Maximum Session Limit

✓ Restricted URL Filtering

✓ Sequential Tab Restoration

✓ Pinned-Tab Preservation

✓ Reusable React Components

✓ Clean TypeScript Implementation

✓ Minimal Manifest V3 Permissions

✓ Easy Branding Customisation

✓ Scalable Source-Code Structure

How It Works

1. Download and extract the project files.
2. Install the project dependencies.
3. Run the development environment or generate a production build.
4. Load the generated extension folder into your browser.
5. Open the browser window containing the tabs you want to save.
6. Open Harbor from the browser toolbar.
7. Enter a session name or use the automatically generated name.
8. Save the current window as a tab session.
9. Restore the session in a new window or add its tabs to the current window.
10. Rename or delete saved sessions when needed.
11. Customise the branding, colours, icons, session limit and functionality.
12. Build and publish the completed extension when ready.

Browser Compatibility

Verified for:

✓ Google Chrome

Compatibility may be possible after testing with:

✓ Microsoft Edge

✓ Brave

✓ Opera

Firefox and Safari compatibility are not included or verified in the uploaded package.

License

Your purchase includes:

✓ Lifetime access to the purchased source code

✓ Commercial use for personal and client projects

✓ Full customisation rights

✓ Unlimited personal and client projects

You may not:

✗ Resell the original source code

✗ Redistribute the files

✗ Share the files publicly

✗ Repackage the source code as a competing digital product for resale

Instant Digital Download

No physical product will be shipped.

Immediately after purchase, you’ll receive access to download the complete tab-session manager source code, Chrome production build and documentation so you can begin creating your own browser productivity tool.

Important Note

Harbor saves supported tabs from the current browser window.

Restricted browser pages and unsupported URLs are skipped automatically, including internal browser pages, extension pages, developer tools, data URLs and blob URLs.

The Add to this window option opens the saved tabs as additional tabs. It does not close or replace tabs already open in the current window.

Harbor stores sessions locally and does not include:

✗ Cloud Synchronisation

✗ Cross-Device Session Access

✗ User Accounts

✗ Session Import or Export

✗ Automatic Tab Closing

✗ Tab Group Management

✗ Browser Marketplace Publication

PROJETO STACK - Premium software templates and digital products built for modern businesses.