topboilerplates.com

Plasmo

React-first browser extension framework with built-in messaging, storage, and CSUI helpers

Plasmo
Best for
React/TypeScript teams that want a batteries-included, opinionated framework with built-in messaging and storage APIs, plus optional hosted testing/publishing add-ons.
Skip if
Your extension's UI is built in Vue or Svelte as the primary framework, or you'd rather build on Vite than a Parcel-based toolchain.

Plasmo is a browser extension development framework built by Plasmo Corp, often described as "Next.js for browser extensions." It uses a file-based project structure to scaffold popups, options pages, background workers, and content scripts without manual manifest configuration, and ships built-in APIs for cross-context messaging and storage. The core framework is React and TypeScript-first (with optional Svelte/Vue support), built on a Parcel-based bundler with hot reloading, and targets Chrome, Firefox, and Edge.

Pros

  • Built-in cross-context messaging and storage APIs remove common extension boilerplate
  • Largest community/star count among the dedicated extension frameworks
  • Content-script UI (CSUI) components are a first-class, documented pattern
  • Optional hosted services (e.g. testing, store submission) if you don't want to self-manage that pipeline

Cons

  • Framework and paid hosted add-ons are separate - read the pricing page before assuming everything is free
  • React is the primary supported framework; Vue/Svelte support is secondary
  • Parcel-based build is less customizable than Vite's plugin ecosystem for edge-case bundling needs