Extension.js

Extension.js

Create cross-browser extensions with no build configuration.

5.0
β€’1 reviewβ€’

6 followers

Introducing 🧩 Extension.js – a development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript. It is now possible to create cross-browser extensions with no build configuration. - Run `npx extension@latest create my-extension` to get started immediately. - πŸ“– Read the docs at https://extension.js.org - πŸ‘½ GitHub repo https://github.com/cezaraugusto/extension.js
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
extension-create gallery image
Free
Launch tags:Productivityβ€’Developer Toolsβ€’GitHub
Launch Team
Unblocked AI Code Review
Unblocked AI Code Review
High-signal comments based on your team's context
Promoted

What do you think? …

Cezar Augusto
Maker
πŸ“Œ
Hello Product Hunt! I'm the creator and solo developer of Extension.js, a development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript. Developers use it to spend less time configuring the compilation config or learning new frameworks and more time actually writing code. Most projects similar to Extension.js rely on some sort of abstraction or configuration to get started, making the initial development process slow given the extra learning curve and setup guidelines. By using Extension.js, adding the package to your npm scripts is all it takes to get started developing cross-browser extensions with no build configuration. Say goodbye to extensive configurations to create your next cross-browser extension! Creating a new extension is super easy. In your terminal: ``` # this command will create a new extension named "my-extension" # in the current working directory npx extension@latest create my-extension ``` You can also create an extension based on any extension hosted on GitHub. Like: ``` # this command will download the Chrome Sample "page-redder" # in the current working directory and open Chrome with the extension loaded npx extension@latest dev https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/functional-samples/sample.page-redder ``` I first created this project as a way to teach others how to develop browser extensions, until I realized that a good amount of my teachings would involve setting up a new project. With Extension.js, the abstractions and configurations needed to create cross-browser extensions are handled by a simple command-line interface, allowing developers to focus on the actual development of their next extension. This is the first public release of Extension.js, so any feedback is appreciated. I've been using it for a while in personal projects but it is now mature enough for others to give it a go. I'm looking forward to hear what you all have to say! :D