plasmo
vitesse-webext
Our great sponsors
- Amplication - open-source Node.js backend code generator
- SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
- Appwrite - The open-source backend cloud platform
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
- Sonar - Write Clean JavaScript Code. Always.
- Mergify - Updating dependencies is time-consuming.
| plasmo | vitesse-webext | |
|---|---|---|
| 11 | 7 | |
| 6,804 | 2,283 | |
| 5.6% | - | |
| 9.3 | 0.0 | |
| 19 days ago | about 1 month ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
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
- 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...
- Please review my docs site
vitesse-webext
-
Browser extension Framework or Scaffold with vue3
This should be the best one: https://github.com/antfu/vitesse-webext
- Browser/Chrome extension with Vue 3
- Plasmo – a framework for building modern Chrome extensions
-
Electron alternative
It sounds like your goals align better with writing an extension. For example, you could use this Vite WebExtension starter for the frontend and have it connect to a background Node process through Native Messaging.
-
Vue in a Chrome extension
There is also this option: https://github.com/antfu/vitesse-webext . It has most thing preconfigured and uses more modern tools.
-
Created A ⚡️ Modernized Chrome Extension Vite Starter Template.
This template derives from https://github.com/antfu/vitesse-webext
What are some alternatives?
vue3-realworld-example-app - Explore the charm of Vue composition API! Vite?
vue-draggable-next - Vue 3 drag-and-drop component
vue-web-extension - 🛠️ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!
electron-vite-vue - 🥳 Really simple Electron + Vite + Vue boilerplate.
webextension-polyfill - A lightweight polyfill library for Promise-based WebExtension APIs in Chrome
unplugin-vue-components - 📲 On-demand components auto importing for Vue
vite-aliases - Alias auto generation for Vite
convue - convue is a plugin for vite based on vite and vue3 that gives you a set of experiences for rapid development projects, similar to nuxt and umi.js.
chrome-ext-mv3-starter - ⚡️ Modernized Chrome Extension Manifest V3 Vite Starter Template
docs - 📘 Documentation site
sveltekit-adapter-browser-extension - Build browser extensions with Svelte (early prototype)
examples - 🔰 Example projects that demonstrate how to use the Plasmo Framework and integrate with popular tools