Sidebar page

Adds a sidebar panel to the browser with a simple page.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: sidebar, content script, popup, background service worker · Styling: CSS · Level: beginner

Create this project

npx extension@latest create my-sidebar --template sidebar
cd my-sidebar
npm install
npm run dev

What it is for

  • A sidebar panel that stays open while you browse
  • Reading and acting on the page beside it
  • Starting point for sidebar-first extensions

First steps

  • Run npm run dev to launch the extension
  • Click the extension icon to open the sidebar panel
  • Edit src/sidebar/index.html and save to watch the panel update

Permissions it asks for

  • sidePanel

Source on GitHubDocumentation

extension.devDocumentation for extension.dev