React.js Chrome Extension Template
A quick way to get started building Chrome Extensions with React and Tailwind CSS.
This project was developed and tested with
Node 14.17.0 and
- Click Use this template.
- Clone the repository.
- Install dependencies by running:
- Build the extension by running:
- In your browser, go to
chrome://extensions/and enable developer mode.
Click the Chrome menu icon and select Extensions from the Tools menu. Ensure that the "Developer mode" checkbox in the top right-hand corner is checked.
- Click Load unpacked.
- Upload the
build/directory from the project.
manifest.json file is located in the
public/ directory. For the most part, the extension functions like a normal React app. Make changes in the
src/App.js file. After making a change, you need to:
- Rebuild the app:
- Refresh the extension upload. In your browser, go to
chrome://extensions/. Click the refresh icon on your extension's card.