A powerful and easy-to-use boilerplate for developing Chrome extensions with React. This template simplifies the setup process and allows you to focus on building your extension efficiently.
- 🛠️ React-powered - Build UI with React
- ⚡ Vite support - Fast development and HMR
- 🔥 ESLint & Prettier - Ensures code quality
- 🚀 Manifest V3 support - Stay updated with Chrome’s latest standards
- 🧩 Easily customizable - Modify and extend as needed
Clone this repository and install dependencies:
git clone https://github.com/andrewchopko/react-chrome-extension-template.git
cd react-chrome-extension-template
npm installTo start development:
npm run devTo build the extension for production:
npm run build- Go to
chrome://extensions/ - Enable Developer Mode (top-right corner)
- Click Load Unpacked
- Select the
distfolder generated by the build command
Contributions are welcome! If you’d like to improve this project, follow these steps:
- Fork the repository
- Create a new branch (
feature-branch) - Commit your changes (
git commit -m 'Add new feature') - Push to the branch (
git push origin feature-branch) - Create a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
If you find this project helpful, please consider giving it a ⭐ to support development!