This project is a template for creating extensions using React, TypeScript, Material UI, and Vite. It's designed to help developers quickly start building extensions for both Chrome and Firefox.
- React: For building the UI components of the extension.
- TypeScript: For static typing, enhancing code quality and developer experience.
- Material UI: For a modern and responsive UI design.
- Vite: For fast development and building of the extension.
- Clone the repository:
$ https://github.com/mayurDayal2000/browser-extension-template
- Navigate to the project directory:
$ cd browser-extension-template
- Install dependencies:
$ yarn install
- Start the development server and watch for changes:
$ yarn start
-
Build the extension for production:
$ yarn build
-
To use extension on
-
Google Chrome: go to chrome://extensions/ and click on "Load unpacked", then select the "dist" folder obtained via "yarn build".
-
Mozilla Firefox: go to about:debugging#/setup and click on the "This Firefox tab" which provides information about the extensions and running workers. Then select "Load temporary addon" and select the "dist/index.html" file obtained by "yarn build".
-