What is this?
Plasmo is a browser extension framework that handles bundling, manifest generation, and dev tooling so you can focus on building the actual extension logic instead of config files.
Plasmo is a browser extension framework that handles bundling, manifest generation, and dev tooling so you can focus on building the actual extension logic instead of config files.Is this a bundler or a full framework?It is a full SDK/framework, not just a bundler — it is described as being like Next.js but for browser extensions, with conventions for pages, scripts, and config.
It is a full SDK/framework, not just a bundler — it is described as being like Next.js but for browser extensions, with conventions for pages, scripts, and config.How do I structure my extension code with Plasmo?Plasmo uses file-based conventions: put your popup code in popup.tsx, options page in options.tsx, content script in content.ts, and background service worker in background.ts; these can also be organized into their own folders or a src subdirectory.
Plasmo uses file-based conventions: put your popup code in popup.tsx, options page in options.tsx, content script in content.ts, and background service worker in background.ts; these can also be organized into their own folders or a src subdirectory.What do I need installed before using Plasmo?You need Node.js 16.x or later on macOS, Windows, or Linux, and pnpm is strongly recommended as the package manager.
You need Node.js 16.x or later on macOS, Windows, or Linux, and pnpm is strongly recommended as the package manager.Is Plasmo stable enough for production extensions?The project describes itself as alpha software, meaning behavior can change between versions, so you should use it with some caution in production.
The project describes itself as alpha software, meaning behavior can change between versions, so you should use it with some caution in production.Do I need to know React and TypeScript to use it?Plasmo is built around first-class React and TypeScript support by default, so familiarity with both is expected, though Svelte and Vue are optionally supported too.
Plasmo is built around first-class React and TypeScript support by default, so familiarity with both is expected, though Svelte and Vue are optionally supported too.Which browsers can I target with one Plasmo project?Plasmo supports targeting multiple browsers and manifest versions from the same codebase; the full list of supported targets is in the documentation.
Plasmo supports targeting multiple browsers and manifest versions from the same codebase; the full list of supported targets is in the documentation.Can I use Svelte or Vue instead of React?Yes, Plasmo offers optional support for Svelte and Vue in addition to its default React and TypeScript setup.
Yes, Plasmo offers optional support for Svelte and Vue in addition to its default React and TypeScript setup.Does it support live reload during development?Yes, Plasmo includes live-reloading with React HMR so changes show up instantly while developing.
Yes, Plasmo includes live-reloading with React HMR so changes show up instantly while developing.How do I publish my extension automatically?Plasmo integrates with BPP (Browser Platform Publisher) to automate deployment of your extension to browser stores.
Plasmo integrates with BPP (Browser Platform Publisher) to automate deployment of your extension to browser stores.What is Itero?Itero is Plasmo's own cloud offering for browser extensions, giving instant beta testing and other extra features beyond the open-source framework.
Itero is Plasmo's own cloud offering for browser extensions, giving instant beta testing and other extra features beyond the open-source framework.What are similar projects?wxt, novu, CopilotKit, git-history, taro, ext-saladict, streamfirefly, Tailtab
wxt, novu, CopilotKit, git-history, taro, ext-saladict, streamfirefly, TailtabWhich topics is it in?firefox-addon, bundler, reactjs, storage, messaging, chrome-extension, browser-extension, vue, sdk, framework, react, frontend
firefox-addon, bundler, reactjs, storage, messaging, chrome-extension, browser-extension, vue, sdk, framework, react, frontend