Sidebar Nx

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

Create this project

npx extension@latest create my-sidebar-monorepo-nx --template sidebar-monorepo-nx
cd my-sidebar-monorepo-nx
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.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 GitHub Documentation

extension.dev Documentation for extension.dev