Our great sponsors
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
plasmo
-
Show HN: Bedframe – open-source Browser Extension Development framework
Ooof!! It is an... interesting time right now in extensions land. The switch from MV2 to MV3 is a bit chaotic but hopefully tools like this (Bedframe) and tools like [Plasmo](https://github.com/PlasmoHQ/plasmo) start to inject some freshness in the space.
-
Plasmo - the browser extension framework
GitHub: https://github.com/PlasmoHQ/plasmo
-
For your next side project, make a browser extension
Shameless plug, but we built the Plasmo Framework to make that (and a lot more) super easy: https://github.com/plasmohq/plasmo
- GitHub - PlasmoHQ/plasmo: The browser extension framework
- A framework for building modern Chrome extensions - Plasmo
- Plasmo – a framework for building modern Chrome extensions
-
Show HN: Plasmo – a framework for building modern Chrome extensions
Thanks! We wrote a custom Parcel runtime [1] inspired by Parcel's HMR runtime (which was too bloated and buggy for us) that injects a web socket listener into the development build of the extension.
Whenever a bundle change happens, Parcel sends it the refresh message and it either does `chrome.runtime.reload()` or `location.reload()` depending on the context.
[1]: https://github.com/PlasmoHQ/plasmo/blob/main/packages/parcel...
- Plasmo - a framework for building modern Chrome extensions with React
- Please review my docs site
docs
-
Whispering - my Svelte Chrome Extension that brings speech-to-text to ChatGPT (and any website) [self-promo]
Plasmo: A framework for building Chrome extensions.
-
React TS Chrome extension starter?
Check out https://docs.plasmo.com/
-
Show HN: Plasmo – a framework for building modern Chrome extensions
- We have remote code bundling that automatically fetches URL based imports (like Google Analytics) in build time to mitigate issues with MV3 not allowing remote code [4]
[1]: https://docs.plasmo.com/#where-is-the-manifestjson-file
[2]: https://docs.plasmo.com/workflows/env
[3]: https://github.com/PlasmoHQ/examples/tree/57791e70549441e391...
[4]: https://docs.plasmo.com/workflows/remote-code
-
Building a Modern React Chrome Extension with a New Framework
We decided to tackle this problem by building a framework for browser extension development called Plasmo. It's a different way of thinking about browser extensions, and if you're used to building extensions, some things might look a bit weird.
-
We built an open-source framework for building modern Chrome extensions with React
Would love to get people to try it out and get feedback. Right now, we're focusing only on supporting React so that we can iron out all of the different edge cases that might arise, but will look to add other view frameworks like Svelte, Vue, etc. in the future! Here are the docs: https://docs.plasmo.com
-
Please review my docs site
Fixed - it should point to the https://github.com/PlasmoHQ/docs instead
What are some alternatives?
vitesse-webext - ⚡️ WebExtension Vite Starter Template
chrome-extension-boilerplate-react - A Chrome Extensions boilerplate using React 18 and Webpack 5.
webextension-polyfill - A lightweight polyfill library for Promise-based WebExtension APIs in Chrome
examples - 🔰 Example projects that demonstrate how to use the Plasmo Framework and integrate with popular tools
sveltekit-adapter-browser-extensio
sveltekit-adapter-browser-extension - Build browser extensions with Svelte (early prototype)
nutab
Tailwind CSS - A utility-first CSS framework for rapid UI development.