
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 – Plasmo
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 …
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 …
Using the src directory for source code – Plasmo
Instead of putting everything in the root, Plasmo offers you to put your source files in an src directory.
Migrate to Plasmo Framework
The Plasmo framework's abstraction philosophy is to remove the most common configuration and boilerplate code. This enables developers to work under a higher abstraction layer -- their …
Messaging API – Plasmo
The Plasmo messaging API is a powerful tool for sending real-time messages between different parts of your 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 …
Create a New Extension – Plasmo
By default, Plasmo expects all source code to be in the root directory. However, you can follow this guide to use the src directory as the home for your source code.
Manifest Version 2 to 3 Converter - Plasmo
Plasmo will look through your manifest.json file and let you know what you need to change in order to be MV3-ready. You can also click "Download MV3 Manifest" to download a …