Introduction to Plasmo
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, …
Plasmo Framework
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 …
Messaging API – Plasmo
The Plasmo messaging API is a powerful tool for sending real-time messages between different parts of your extension.
Environment Variables – Plasmo
Plasmo offers first-class support for environment variables. Learn how to use them in your browser extension.
Content Scripts – Plasmo
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 …
Table of Contents – Plasmo
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 …
Quickstart with Stripe – Plasmo
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 …
Start the Development Server – Plasmo
When you're building with Plasmo, you're building a Plasmo extension, rather than a Chrome or Firefox extension. This means that you can build a single extension that works across all …
Import Resolution – Plasmo
Plasmo framework ships with its own code/asset bundler tailored specifically for extension development. It supports raw/transformed bundle inlining, asset mirroring, environment …
Itero TestBed: Your Browser Extension Testing Solution - Plasmo
They'll need to install Plasmo's software, but after that, they can install your extension with a single click. As you make changes, the updates will automatically be pushed out to them.