A cross-platform (Chrome, Firefox, Edge, Opera, Brave) web browser extension (Manifest V3 and Manifest V2) starter kit with hot reload support, built with React, Typescript, Redux, Vite, ESLint, Prettier, TailwindCSS, Jest and more!
🚀 Read the article here: {tbd}
- Recognize negative tweets
- Turn them into cat meow
Then run the following:
-
yarn install
to install dependencies. -
yarn dev
to start the development server. -
yarn build
to build an unpacked extension. -
Load extension in Chrome (Chromium, Manifest V3)
- Go to the browser address bar and type
chrome://extensions
- Check the
Developer Mode
button to enable it. - Click on the
Load Unpacked Extension
button. - Select your
dist
folder in the project root.
- Go to the browser address bar and type
-
Load extension in Firefox (Manifest V2)
- Go to the browser address bar and type
about://debugger
- Click on the
Load Temporary Add-on
button. - Select your
dist-firefox-v2
folder in the project root.
- Go to the browser address bar and type
yarn clean
to remove dist folder.dev
andbuild
commands call this command.yarn format
to fix code with eslint and prettier.yarn lint
to call ESLint and Prettier.yarn test
for testing.
You can use redux (redux-toolkit) as state manager between popup, background, content and custom pages. Read the documentation for more.
Note This plugin powers the development side of this starter.
docs: https://crxjs.dev/vite-plugin
Special thanks to @jacksteamdev and contributors for this amazing plugin.
This repository is following the Conventional Commits standard.
MIT © Sinan Bekar