Plasmo

The browser extension platform

4.8•30 reviews•

467 followers

The browser extension platform

4.8•30 reviews•

467 followers

Visit website

Engineering & Development

•

Chrome Extensions

Streamline the process of building browser extensions, allowing you to focus on shipping your product. Say goodbye to slow iteration and hello to a better development experience

Free Options

Launch tags:Browser Extensions•Chrome Extensions•Developer Tools

Launch Team

Plasmo

Maker

📌

Thanks @__tosh for hunting us! 🚀 Hey Product Hunt! 👋 Stefan and Louis here, co-founders of Plasmo! Plasmo makes building browser extensions a piece of cake. 🍰 🤯 If you've built extensions in the past, you know how painful the process can be. Building a simple "hello world" extension takes a lot of work, let alone a full-fledged React app using Tailwind and Firebase that injects into a complex series of websites, all using their own technologies and unaware of the extension's existence. Complexity stacks up super fast! 🛠️ We decided to take action, so we created Plasmo! Plasmo is a two-part platform: the Framework and Itero. 🌐 🌟 Framework is our open-source, declarative framework that makes building browser extensions a breeze. Just name a file content.tsx, export a React component, and Plasmo Framework will automatically bundle it for you, mounting it onto every web page while ensuring styles don't leak. The same goes for background.ts, options.tsx, popup.tsx, etc. Using our examples, you can hit the ground running: With pnpm create plasmo --with-tailwind, you'll have a pre-configured extension using Tailwind already built for you. To explore more examples we offer, check out our examples repo [1] 🌠 🔧 Once you've crafted an awesome MVP and are ready to test it with your beta testers, we've built Itero TestBed—think Apple's TestFlight, but for browser extensions. 🔗 Connect TestBed to your GitHub repo, and each commit will automatically build and deploy your latest code changes to all of your beta testers—no review process needed! We're super passionate about browser extensions. If you've built something with Plasmo, please let us know! [1]: https://github.com/PlasmoHQ/exam...

Report

3yr ago

Coronavirus Near Me

@stestefanfan - Congrats on the launch! It is exciting to see how Plasmo simplifies the browser extension development process. Quick question for you - How does Plasmo handle compatibility and support for different browsers, given their varying extension APIs and requirements?

Report

3yr ago

local.ai

Maker

@stestefanfan @salil_sethi The current framework offers 2 solutions to solve this problem: 1 - Browser target-specific module. For example, when building with `--target=edge-mv3`, user may use the entry file `popup.edge.tsx` instead. The Framework compiler then pick up just this entry file. 2- Environment variable - the Framework treeshakes any branch gated by env, thus: `if (process.env.PLASMO_BROWSER === "edge") {}` will only be available for edge build. Ultimately, we want the business logic to be agnostic of the specific browser extension API. We're slowly experimenting with this via our external API modules such as storage and messaging. With these APIs, developer can work with a higher layer of abstraction and forget about the browser APIs. We also want to enhance the bundler side of the framework such that it can magically inject polyfill + permissions for extension API when appropriate - we're already doing this for known node-modules, which allow most npm registry package to just work with extension.

Report

3yr ago

BLUF

Omg this looks incredible! Does it work with existing extensions that were not originally built with Plasmo?

Report

3yr ago

Plasmo

Maker

@viviano Yes! Our platform is agnostic of frameworks or tools. As long as it's a Chrome extension, it works!

Report

3yr ago

Congratulations on the launch of Plasmo! I'm excited to try out the powerful features it offers. How does Plasmo make it easier to build and deploy browser extensions?

Report

3yr ago

Liveblocks

We recently wrote a browser extension[1] without any prior experience, and Plasmo made it a breeze. Right from the start, we could focus on what we wanted to build, and not worry about the messy details involved in building a cross-browser extension. It just felt like writing a normal React app. Their documentation is also amazing. Can't recommend them enough. If you want to build a browser extension yourself, absolutely give Plasmo a try! [1]: https://liveblocks.io/devtools

Report

3yr ago

Keystroke

I've been following this for a while and am so excited to see it on product hunt. I'm a big expo fan, and this is like the expo for browser extensions.

Report

3yr ago

The plasmo framework itself is truly incredible a work of art and has helped me so much in my life, can't wait to see where it goes!! I love the vibe and energy in the community and it's just awesome how far it has already taken chrome extensions but also how much excitement there is to take it even further. I have been wondering about a future where plasmo turns the background.ts script of it's extensions into a fully fledged server that sends react ssg components to the frontend.

Report

3yr ago

local.ai

Maker

@superspookyuser That's definitely been on the roadmap: https://github.com/PlasmoHQ/plas... We're super excited about the future of browser extension as well :D

Report

3yr ago

1 2 3

•••

4.8

Based on 30 reviews

Review Plasmo?

Reviewers mostly say Plasmo makes browser extension development much easier to start and less tedious, especially for people building their first extension. They repeatedly praise its abstraction, documentation, and Discord help, saying it lets them focus on the product instead of extension boilerplate. There are a few complaints: one user reports no response on an invoice issue, and another hit dependency problems on Windows, especially around Sharp. A founder from Teract adds that their team shipped quickly while keeping the extension fast and reliable.

+28

Summarized with AI

Reviews

All Reviews

Most Informative