https://github.com/akoskm/vite-react-tailwindcss-browser-extension
A Cross Browser Extension repository template with 3rd party REST API calls
https://github.com/akoskm/vite-react-tailwindcss-browser-extension
browser-extension chrome chrome-extension cross-platform firefox react tailwindcss vite
Last synced: 5 months ago
JSON representation
A Cross Browser Extension repository template with 3rd party REST API calls
- Host: GitHub
- URL: https://github.com/akoskm/vite-react-tailwindcss-browser-extension
- Owner: akoskm
- License: mit
- Created: 2022-11-01T21:51:23.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-10T16:33:00.000Z (almost 2 years ago)
- Last Synced: 2024-09-10T18:36:06.297Z (almost 2 years ago)
- Topics: browser-extension, chrome, chrome-extension, cross-platform, firefox, react, tailwindcss, vite
- Language: TypeScript
- Homepage:
- Size: 77.1 KB
- Stars: 44
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Cross Platform Browser Extension template repository
React + TailwindCSS bundled with Vite.
# Installation
```
npm i
```
# Building the Extension:
## Firefox
`npm run build` builds the extension by default for Firefox.
The generated files are in `dist/`.
To load the extension in Firefox go to `about:debugging#/runtime/this-firefox` or
Firefox > Preferences > Extensions & Themes > Debug Add-ons > Load Temporary Add-on...
Here locate the `dist/` directory and open `manifest.json`
## Chrome
`npm run build:chrome` builds the extensions for Google Chrome.
The generated files are in `dist/`.
To load the extensions in Google Chrome go to `chrome://extensions/` and click `Load unpacked`. Locate the dist directory and select `manifest.json`.
# Running the extension:
Once the extension has been built and installed in your browser, visit https://blank.org/ to see it running.
# Files:
- content-script - UI files
- background.ts - Background script/Service worker
- index.html - popup UI
If you have any questions feel free to open an issue.