Plasmo offers first-class support for Typescript, React, Preact, Svelte, and Vue, making it easy to build complex, beautiful and scalable extensions. And with live-reload and React HMR built-in, you can …

Check out the Customization section for documentation on making Plasmo adapt to your needs. To see how to integrate Plasmo with other tools (such as TailwindCSS or Firebase), check out the list of …

Plasmo offers first-class support for environment variables. This allows you to customize your extension to fit the need of each browser and development environment from the same codebase.

The Plasmo messaging API is a powerful tool for sending real-time messages between different parts of your extension.

Verify the subscription and enable some premium features We will now set up our backend to verify the user's subscription. We can simplify this process by leveraging NextJS interoperability with Plasmo. …

Plasmo centralizes common metadata between package.json and manifest.json and resolves any static file references (such as action, background, content scripts, and so on) automatically.

Since Plasmo's default Typescript configuration treats all source files as modules, if you don't have any imports or exports in your code, you'll have to add an export {} line at the start of your file.

Service workers in Plasmo dev mode will always remain active. The worker becomes idle after a few seconds of inactivity, and the browser will kill its process entirely after 5 minutes. This means all state …

Create a sidepanel.tsx file or a sidepanel/index.tsx file, and Plasmo will take care of the rest to render the UI in the Side Panel. See with-sidepanel Adding a Dev Tools Page The Dev Tools page is a …

Oct 28, 2024 · Table of Contents To see how easy it is to switch from any extension setup to Plasmo, see: Migrate to Plasmo. We have many examples showcasing how to use Plasmo with: Next.js …