MV3 Sidebar Panel

MV3 Chrome extension template featuring a side panel with React, tab context awareness, and persistent per-tab note storage.

Features

• Side Panel UI: Opens as a side panel in Chrome (Chrome 114+)
• Tab Awareness: Automatically displays current tab's URL, title, and favicon
• Per-Tab Notes: Save notes for each tab that persist across sessions
• Zero-Build Setup: Uses React via CDN for immediate testing
• Manifest V3: Modern Chrome extension architecture

Installation

1. Clone or download this extension template
2. Open Chrome and navigate to chrome://extensions/
3. Enable Developer mode (toggle in top right)
4. Click Load unpacked
5. Select the extension folder

Usage

1. Click the extension icon in Chrome's toolbar to open the side panel
2. View current tab information (URL, title, favicon)
3. Add notes for the current tab — notes are saved automatically when you leave the textarea
4. Switch tabs to see the panel update with the new tab's information and notes

Customization

Adding New Features

The extension uses React via CDN. You can add new components in the src/components/ folder and import them in sidepanel.html.

Modifying the Side Panel Behavior

Edit background.js to change how the side panel opens:

// Open on different events
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === 'complete') {
    chrome.sidePanel.open({ tabId });
  }
});

Changing Permissions

Edit manifest.json to add or remove permissions:

"permissions": [
  "sidePanel",
  "storage",
  "tabs",
  "activeTab",
  "your-new-permission"
]

Styling

Modify src/styles.css to change the look and feel of the side panel.

Chrome APIs Used

• chrome.sidePanel - Side panel management
• chrome.storage.local - Persistent note storage
• chrome.tabs.query - Tab information retrieval
• chrome.tabs.onActivated - Tab switch detection
• chrome.tabs.onUpdated - Tab update detection

Requirements

• Chrome 114 or later (required for sidePanel API)
• A Google Chrome browser instance

License

MIT License

---

Built by theluckystrike — https://zovo.one