Sidebar Turborepo

Adds a sidebar panel and shows a small overlay UI on every web page you visit.

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

Create this project

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

Files in this template

  • extension.config.js
  • packages/analytics/src/index.js
  • packages/extension/src/background.js
  • packages/extension/src/content/scripts.js
  • packages/extension/src/content/styles.css
  • packages/extension/src/images/icon-128.png
  • packages/extension/src/images/icon-16.png
  • packages/extension/src/images/icon-48.png
  • packages/extension/src/images/icon.png
  • packages/extension/src/manifest.json
  • packages/extension/src/sidebar/SidebarApp.js
  • packages/extension/src/sidebar/index.html
  • packages/extension/src/sidebar/scripts.js
  • packages/extension/src/sidebar/styles.css

Source on GitHubDocumentation

extension.devDocumentation for extension.dev