plasmo
vitesse-webext
Our great sponsors
| plasmo | vitesse-webext | |
|---|---|---|
| 11 | 7 | |
| 8,276 | 2,566 | |
| 4.2% | - | |
| 8.8 | 5.9 | |
| 28 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
- 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
vitesse-webext
-
Browser extension Framework or Scaffold with vue3
This should be the best one: https://github.com/antfu/vitesse-webext
- Things I learned this week - Week 48 (2022 ed.)
- 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?
webextension-polyfill - A lightweight polyfill library for Promise-based WebExtension APIs in Chrome
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!
docs - 📘 Documentation site
electron-vite-vue - 🥳 Really simple Electron + Vite + Vue boilerplate.
sveltekit-adapter-browser-extension - Build browser extensions with Svelte (early prototype)
vue3-realworld-example-app - Explore the charm of Vue composition API! Vite?
examples - 🔰 Example projects that demonstrate how to use the Plasmo Framework and integrate with popular tools
vue-draggable-next - Vue 3 drag-and-drop component
sveltekit-adapter-browser-extensio
unplugin-vue-components - 📲 On-demand components auto importing for Vue
nutab
vite-aliases - Alias auto generation for Vite